Changeset 27487

Timestamp:

03/09/2014 11:18:06 PM (9 years ago)

Author:

wonderboymusic

Message:

Update the UI styles for Playlist Settings.

Props melchoyce for the design.
See #26631.

Location:

trunk/src/wp-includes

Files:

• css/media-views.css (modified) (1 diff)
• media-template.php (modified) (2 diffs)

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

@@ -1433 +1433 @@
 }
 
+.collection-settings .setting input[type="checkbox"] {
+    float: left;
+    margin-right: 8px;
+}
+
+.collection-settings .setting span {
+    min-width: inherit;
+}
+
 /**
  * Image Editor

trunk/src/wp-includes/media-template.php

@@ -419 +419 @@
 
         <label class="setting">
-            <span><?php _e( 'Random Order' ); ?></span>
-            <input type="checkbox" data-setting="_orderbyRandom" />
-        </label>
-
-        <label class="setting">
             <span><?php _e( 'Style' ); ?></span>
             <select class="style" data-setting="style">
@@ -439 +434 @@
         #>
         <label class="setting">
-            <span><?php _e( 'Show Tracklist' ); ?></span>
+            <input type="checkbox" data-setting="_orderbyRandom" />
+            <span><?php _e( 'Random Order' ); ?></span>
+        </label>
+
+        <label class="setting">
             <input type="checkbox" data-setting="tracklist" <# if ( playlist && emptyModel ) { #>
                 checked="checked"
             <# } #> />
-        </label>
-
-        <label class="setting">
-            <span><?php _e( 'Show Track Numbers' ); ?></span>
+            <span><?php _e( 'Show Tracklist' ); ?></span>
+        </label>
+
+        <label class="setting">
             <input type="checkbox" data-setting="tracknumbers" <# if ( playlist && emptyModel ) { #>
                 checked="checked"
             <# } #> />
-        </label>
-
-        <label class="setting">
-            <span><?php _e( 'Show Artist Name in Tracklist' ); ?></span>
+            <span><?php _e( 'Show Track Numbers' ); ?></span>
+        </label>
+
+        <label class="setting">
             <input type="checkbox" data-setting="artists" <# if ( playlist && emptyModel ) { #>
                 checked="checked"
             <# } #> />
-        </label>
-
-        <label class="setting">
-            <span><?php _e( 'Show Images' ); ?></span>
+            <span><?php _e( 'Show Artist Name in Tracklist' ); ?></span>
+        </label>
+
+        <label class="setting">
             <input type="checkbox" data-setting="images" <# if ( emptyModel ) { #>
                 checked="checked"
             <# } #> />
+            <span><?php _e( 'Show Images' ); ?></span>
         </label>
     </script>