WordPress.org

Plugin Directory

Changeset 791083


Ignore:
Timestamp:
10/21/13 07:41:48 (3 years ago)
Author:
Joen
Message:

MP6: Make widgetbox arrow indicator visible at all times. Remove bottom gradient fade as it borked on really small screens. Ellipsise truncated widget titles.

Location:
mp6/trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • mp6/trunk/components/widgets/styles.css

    r789982 r791083  
    4242            padding-left: 0; 
    4343            border: none; 
     44        } 
     45        div.widget-liquid-left div#widgets-left #available-widgets .sidebar-name-arrow { 
     46            display: none; 
    4447        } 
    4548        div.widget-liquid-left div#widgets-left #available-widgets .widget-holder { 
     
    122125            color: #fff; 
    123126        } 
    124  
    125 /* Faded, dude. */ 
    126 div.widget-liquid-left div#widgets-left #available-widgets:before { 
    127     display: block; 
    128     content: ''; 
    129     height: 30px; 
    130     position: absolute; 
    131     bottom: 0; 
    132     left: -2px; 
    133     right: 0; 
    134     z-index: 100; 
    135  
    136     background-image: linear-gradient(bottom, rgb(238,238,238) 0%, rgba(238,238,238,0) 100%); 
    137     background-image: -o-linear-gradient(bottom, rgb(238,238,238) 0%, rgba(238,238,238,0) 100%); 
    138     background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 0%, rgba(238,238,238,0) 100%); 
    139     background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 0%, rgba(238,238,238,0) 100%); 
    140     background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 0%, rgba(238,238,238,0) 100%); 
    141  
    142     background-image: -webkit-gradient( 
    143         linear, 
    144         left bottom, 
    145         left top, 
    146         color-stop(0, rgb(238,238,238)), 
    147         color-stop(1, rgba(238,238,238,0)) 
    148     ); 
    149 } 
    150127 
    151128/* Inactive Sidebars */ 
  • mp6/trunk/css/wp-admin.css

    r790994 r791083  
    90309030} 
    90319031 
    9032 .js .sidebar-name:hover .sidebar-name-arrow:before, 
    9033 .js .meta-box-sortables .postbox:hover .handlediv:before { 
     9032/* Metabox collapse arrow indicators */ 
     9033.js .sidebar-name .sidebar-name-arrow:before, 
     9034.js .meta-box-sortables .postbox .handlediv:before { 
    90349035    right: 12px; 
    9035     content: '\f142'; 
    90369036    font: normal 20px/1 'dashicons'; 
    90379037    speak: none; 
    90389038    display: inline-block; 
    90399039    padding: 8px 10px; 
    9040     color: #888; 
    90419040    top: 0; 
    90429041    position: relative; 
    90439042    -webkit-font-smoothing: antialiased; 
    90449043    text-decoration: none !important; 
     9044} 
     9045 
     9046/* Make the tiny arrow visible on the widgets page at all times */ 
     9047.js .widgets-holder-wrap .sidebar-name .sidebar-name-arrow:before { 
     9048    color: rgba(136,136,136,.4); 
     9049} 
     9050.js .widgets-holder-wrap .sidebar-name .sidebar-name-arrow:before { 
     9051    content: '\f142'; 
     9052} 
     9053.js .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow:before { 
     9054    content: '\f140'; 
     9055} 
     9056 
     9057/* Show the arrow only on hover */ 
     9058.js .sidebar-name:hover .sidebar-name-arrow:before, 
     9059.js .meta-box-sortables .postbox:hover .handlediv:before { 
     9060    content: '\f142'; 
     9061    color: #888; 
    90459062} 
    90469063 
     
    95989615    overflow: hidden; 
    95999616    white-space: nowrap; 
     9617    text-overflow: ellipsis; 
    96009618} 
    96019619 
Note: See TracChangeset for help on using the changeset viewer.