sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Media Library Bulk Select button size should be smaller.

Browse Source 
Props afercia.
Fixes #32325.


git-svn-id: https://develop.svn.wordpress.org/trunk@32862 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Scott Taylor 2015-06-19 18:55:52 +00:00
parent 2da677b2f7
commit da826f59a5
4 changed files with 31 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/wp-admin/css/media.css
View File

@ -461,8 +461,8 @@ border color while dragging a file over the uploader drop area */
padding: 0 16px;
border-left: 4px solid #dd3d36;
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.upload-php .mode-grid .hide-sidebar .media-sidebar {
@ -570,9 +570,9 @@ border color while dragging a file over the uploader drop area */
font-size: 14px;
}
.media-frame.mode-grid .media-toolbar-secondary > .media-button {
margin-top: 10px;
margin-bottom: 10px;
.media-frame.mode-grid.mode-edit .media-toolbar-secondary > .select-mode-toggle-button {
margin: 0 8px 0 0;
vertical-align: middle;
}
.media-frame.mode-grid .attachments-browser .bulk-select {
@ -585,7 +585,7 @@ border color while dragging a file over the uploader drop area */
}
.media-frame.mode-grid .spinner {
margin-top: 15px;
margin-top: 16px;
}
.attachments-browser .media-toolbar-secondary > .media-button {

1
src/wp-includes/css/media-views.css
View File

@ -1833,6 +1833,7 @@
.mejs-container:focus {
outline: 1px solid #5b9dd9;
-webkit-box-shadow: 0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow: 0 0 2px 1px rgba(30, 140, 190, .8);
}

14
src/wp-includes/js/media-grid.js
View File

@ -279,6 +279,10 @@ var Button = wp.media.view.Button,
SelectModeToggle = Button.extend({
initialize: function() {
_.defaults( this.options, {
size : ''
} );
Button.prototype.initialize.apply( this, arguments );
this.listenTo( this.controller, 'select:activate select:deactivate', this.toggleBulkEditHandler );
this.listenTo( this.controller, 'selection:action:done', this.back );
@ -310,12 +314,18 @@ SelectModeToggle = Button.extend({
// TODO: the Frame should be doing all of this.
if ( this.controller.isModeActive( 'select' ) ) {
this.model.set( 'text', l10n.cancelSelection );
this.model.set( {
size: 'large',
text: l10n.cancelSelection
} );
children.not( '.spinner, .media-button' ).hide();
this.$el.show();
toolbar.$( '.delete-selected-button' ).removeClass( 'hidden' );
} else {
this.model.set( 'text', l10n.bulkSelect );
this.model.set( {
size: '',
text: l10n.bulkSelect
} );
this.controller.content.get().$el.removeClass( 'fixed' );
toolbar.$el.css( 'width', '' );
toolbar.$( '.delete-selected-button' ).addClass( 'hidden' );

14
src/wp-includes/js/media/views/button/select-mode-toggle.js
View File

@ -15,6 +15,10 @@ var Button = wp.media.view.Button,
SelectModeToggle = Button.extend({
initialize: function() {
_.defaults( this.options, {
size : ''
} );
Button.prototype.initialize.apply( this, arguments );
this.listenTo( this.controller, 'select:activate select:deactivate', this.toggleBulkEditHandler );
this.listenTo( this.controller, 'selection:action:done', this.back );
@ -46,12 +50,18 @@ SelectModeToggle = Button.extend({
// TODO: the Frame should be doing all of this.
if ( this.controller.isModeActive( 'select' ) ) {
this.model.set( 'text', l10n.cancelSelection );
this.model.set( {
size: 'large',
text: l10n.cancelSelection
} );
children.not( '.spinner, .media-button' ).hide();
this.$el.show();
toolbar.$( '.delete-selected-button' ).removeClass( 'hidden' );
} else {
this.model.set( 'text', l10n.bulkSelect );
this.model.set( {
size: '',
text: l10n.bulkSelect
} );
this.controller.content.get().$el.removeClass( 'fixed' );
toolbar.$el.css( 'width', '' );
toolbar.$( '.delete-selected-button' ).addClass( 'hidden' );