Changeset 29360

Timestamp:

08/02/2014 07:52:01 PM (11 years ago)

Author:

ocean90

Message:

Media: Don't stretch radio and checkbox inputs in compat fields. Adjust margin for radio inputs.

props kovshenin for initial patch.
fixes #28647.

File:

• trunk/src/wp-includes/css/media-views.css (modified) (6 diffs)

trunk/src/wp-includes/css/media-views.css

@@ -315 +315 @@
 
 .media-sidebar .setting input[type="checkbox"],
-.media-sidebar .field input[type="checkbox"] {
-    width: 16px;
+.media-sidebar .field input[type="checkbox"],
+.media-sidebar .setting input[type="radio"],
+.media-sidebar .field input[type="radio"] {
     float: none;
     margin: 8px 3px 0;
@@ -402 +403 @@
 }
 
-.compat-item .field input {
+.compat-item .field input[type="text"],
+.compat-item .field input[type="password"],
+.compat-item .field input[type="email"],
+.compat-item .field input[type="number"],
+.compat-item .field input[type="search"],
+.compat-item .field input[type="tel"],
+.compat-item .field input[type="url"] {
     width: 100%;
     margin: 0;
@@ -2802 +2809 @@
 }
 
+.edit-attachment-frame input,
+.edit-attachment-frame textarea {
+    padding: 6px 8px;
+    line-height: 16px;
+}
+
 .edit-attachment-frame .attachment-info .details,
 .edit-attachment-frame .attachment-info .settings {
@@ -2839 +2852 @@
 
 .edit-attachment-frame .attachment-info .setting input[type="checkbox"],
-.edit-attachment-frame .attachment-info .field input[type="checkbox"] {
-    width: 16px;
+.edit-attachment-frame .attachment-info .field input[type="checkbox"],
+.edit-attachment-frame .attachment-info .setting input[type="radio"],
+.edit-attachment-frame .attachment-info .field input[type="radio"] {
     float: none;
     margin: 8px 3px 0;
@@ -2857 +2871 @@
 .edit-attachment-frame .attachment-info .setting input[type="text"],
 .edit-attachment-frame .attachment-info .setting input[type="password"],
+.edit-attachment-frame .attachment-info .setting input[type="email"],
 .edit-attachment-frame .attachment-info .setting input[type="number"],
 .edit-attachment-frame .attachment-info .setting input[type="search"],
@@ -2866 +2881 @@
     width: 65%;
     float: right;
-    padding: 6px 8px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;