Update the UI styles for Playlist Settings.

Props melchoyce for the design.
See #26631.


Built from https://develop.svn.wordpress.org/trunk@27487


git-svn-id: http://core.svn.wordpress.org/trunk@27331 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Scott Taylor 2014-03-09 23:19:15 +00:00
parent 6c3e050724
commit 634fac6e2c
5 changed files with 29 additions and 11 deletions

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

@ -417,11 +417,6 @@ function wp_print_media_templates() {
<script type="text/html" id="tmpl-playlist-settings">
<h3><?php _e( 'Playlist Settings' ); ?></h3>
<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">
@ -438,31 +433,36 @@ function wp_print_media_templates() {
var playlist = 'playlist-edit' === data.controller.id, emptyModel = _.isEmpty(data.model);
#>
<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"
<# } #> />
<span><?php _e( 'Show Tracklist' ); ?></span>
</label>
<label class="setting">
<span><?php _e( 'Show Track Numbers' ); ?></span>
<input type="checkbox" data-setting="tracknumbers" <# if ( playlist && emptyModel ) { #>
checked="checked"
<# } #> />
<span><?php _e( 'Show Track Numbers' ); ?></span>
</label>
<label class="setting">
<span><?php _e( 'Show Artist Name in Tracklist' ); ?></span>
<input type="checkbox" data-setting="artists" <# if ( playlist && emptyModel ) { #>
checked="checked"
<# } #> />
<span><?php _e( 'Show Artist Name in Tracklist' ); ?></span>
</label>
<label class="setting">
<span><?php _e( 'Show Images' ); ?></span>
<input type="checkbox" data-setting="images" <# if ( emptyModel ) { #>
checked="checked"
<# } #> />
<span><?php _e( 'Show Images' ); ?></span>
</label>
</script>