Update the UI styles for Playlist Settings.

Props melchoyce for the design.
See #26631.



git-svn-id: https://develop.svn.wordpress.org/trunk@27487 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Scott Taylor 2014-03-09 23:18:06 +00:00
parent c87fc83bf8
commit 975cf5574a
2 changed files with 18 additions and 9 deletions

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
*/

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>