WordPress.org

Make WordPress Core

Changeset 32862


Ignore:
Timestamp:
06/19/2015 06:55:52 PM (5 years ago)
Author:
wonderboymusic
Message:

Media Library Bulk Select button size should be smaller.

Props afercia.
Fixes #32325.

Location:
trunk/src
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/media.css

    r32508 r32862  
    462462    border-left: 4px solid #dd3d36;
    463463    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    464     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); 
    465     background-color: #fff; 
     464    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
     465    background-color: #fff;
    466466}
    467467
     
    571571}
    572572
    573 .media-frame.mode-grid .media-toolbar-secondary > .media-button {
    574     margin-top: 10px;
    575     margin-bottom: 10px;
     573.media-frame.mode-grid.mode-edit .media-toolbar-secondary > .select-mode-toggle-button {
     574    margin: 0 8px 0 0;
     575    vertical-align: middle;
    576576}
    577577
     
    586586
    587587.media-frame.mode-grid .spinner {
    588     margin-top: 15px;
     588    margin-top: 16px;
    589589}
    590590
  • trunk/src/wp-includes/css/media-views.css

    r32861 r32862  
    18341834.mejs-container:focus {
    18351835    outline: 1px solid #5b9dd9;
     1836    -webkit-box-shadow: 0 0 2px 1px rgba(30, 140, 190, .8);
    18361837    box-shadow: 0 0 2px 1px rgba(30, 140, 190, .8);
    18371838}
  • trunk/src/wp-includes/js/media-grid.js

    r32502 r32862  
    280280SelectModeToggle = Button.extend({
    281281    initialize: function() {
     282        _.defaults( this.options, {
     283            size : ''
     284        } );
     285
    282286        Button.prototype.initialize.apply( this, arguments );
    283287        this.listenTo( this.controller, 'select:activate select:deactivate', this.toggleBulkEditHandler );
     
    311315        // TODO: the Frame should be doing all of this.
    312316        if ( this.controller.isModeActive( 'select' ) ) {
    313             this.model.set( 'text', l10n.cancelSelection );
     317            this.model.set( {
     318                size: 'large',
     319                text: l10n.cancelSelection
     320            } );
    314321            children.not( '.spinner, .media-button' ).hide();
    315322            this.$el.show();
    316323            toolbar.$( '.delete-selected-button' ).removeClass( 'hidden' );
    317324        } else {
    318             this.model.set( 'text', l10n.bulkSelect );
     325            this.model.set( {
     326                size: '',
     327                text: l10n.bulkSelect
     328            } );
    319329            this.controller.content.get().$el.removeClass( 'fixed' );
    320330            toolbar.$el.css( 'width', '' );
  • trunk/src/wp-includes/js/media/views/button/select-mode-toggle.js

    r32502 r32862  
    1616SelectModeToggle = Button.extend({
    1717    initialize: function() {
     18        _.defaults( this.options, {
     19            size : ''
     20        } );
     21
    1822        Button.prototype.initialize.apply( this, arguments );
    1923        this.listenTo( this.controller, 'select:activate select:deactivate', this.toggleBulkEditHandler );
     
    4751        // TODO: the Frame should be doing all of this.
    4852        if ( this.controller.isModeActive( 'select' ) ) {
    49             this.model.set( 'text', l10n.cancelSelection );
     53            this.model.set( {
     54                size: 'large',
     55                text: l10n.cancelSelection
     56            } );
    5057            children.not( '.spinner, .media-button' ).hide();
    5158            this.$el.show();
    5259            toolbar.$( '.delete-selected-button' ).removeClass( 'hidden' );
    5360        } else {
    54             this.model.set( 'text', l10n.bulkSelect );
     61            this.model.set( {
     62                size: '',
     63                text: l10n.bulkSelect
     64            } );
    5565            this.controller.content.get().$el.removeClass( 'fixed' );
    5666            toolbar.$el.css( 'width', '' );
Note: See TracChangeset for help on using the changeset viewer.