WordPress.org

Make WordPress Core

Changeset 26592


Ignore:
Timestamp:
12/03/2013 09:13:14 PM (7 years ago)
Author:
iammattthomas
Message:

Ensure that theme customizer buttons don't overlap on small screens; allow small-screen theme popup to use the full height of the viewport since the adminmenu is no longer fixed; ensure that buttons in the theme customizer wrap as efficiently as they can on mobile. Fixes #26361, props mattheu, iammattthomas.

Location:
trunk
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/Gruntfile.js

    r26268 r26592  
    8383                dest: BUILD_DIR,
    8484                ext: '.css',
    85                 src: ['wp-admin/css/color-schemes/*/colors.scss'],
     85                src: ['wp-admin/css/colors/*/colors.scss'],
    8686                options: {
    8787                    outputStyle: 'expanded'
     
    119119                ext: '.min.css',
    120120                src: [
    121                     'wp-admin/css/color-schemes/**/*.css'
     121                    'wp-admin/css/colors/**/*.css'
    122122                ]
    123123            }
     
    320320            },
    321321            colors: {
    322                 files: [SOURCE_DIR + 'wp-admin/css/color-schemes/**'],
     322                files: [SOURCE_DIR + 'wp-admin/css/colors/**'],
    323323                tasks: ['sass:colors']
    324324            },
  • trunk/src/wp-admin/css/colors/_admin.scss

    r26551 r26592  
    411411}
    412412
     413.theme-overlay .theme-header .close:hover,
     414.theme-overlay .theme-header .right:hover,
     415.theme-overlay .theme-header .left:hover {
     416    background: $highlight-color;
     417}
     418
    413419/* jQuery UI Slider */
    414420
  • trunk/src/wp-admin/css/wp-admin.css

    r26584 r26592  
    66996699    right: 0;
    67006700    height: 48px;
    6701     border-bottom: 1px solid #eee;
     6701    border-bottom: 1px solid #ddd;
    67026702}
    67036703
     
    67086708    text-align: center;
    67096709    float: right;
    6710     border-left: 1px solid #eee;
    6711 }
    6712 
    6713 .theme-overlay .theme-header .close:hover {
    6714     background: #333;
     6710    border-left: 1px solid #ddd;
    67156711}
    67166712
     
    67206716
    67216717.theme-overlay .theme-header .close:before {
    6722     font: normal 30px/48px 'dashicons' !important;
    6723     color: #bbb;
     6718    font: normal 30px/50px 'dashicons' !important;
     6719    color: #777;
    67246720    display: inline-block;
    67256721    content: '\f335';
     
    67316727.theme-overlay .theme-header .left {
    67326728    cursor: pointer;
     6729    color: #777;
    67336730    height: 48px;
    67346731    width: 54px;
    67356732    float: left;
    67366733    text-align: center;
    6737     border-right: 1px solid #eee;
     6734    border-right: 1px solid #ddd;
    67386735    -webkit-user-select: none;
    67396736    -moz-user-select:    none;
     
    67426739}
    67436740
     6741.theme-overlay .theme-header .close:hover,
    67446742.theme-overlay .theme-header .right:hover,
    67456743.theme-overlay .theme-header .left:hover {
    6746     background: #333;
     6744    background: #0074a2;
    67476745    color: #fff;
    67486746}
     
    67596757.theme-overlay .theme-header .right:before,
    67606758.theme-overlay .theme-header .left:before {
    6761     font: normal 16px/54px 'dashicons' !important;
     6759    font: normal 20px/50px 'dashicons' !important;
    67626760    display: inline;
    67636761    font-weight: 300;
     
    67656763
    67666764.theme-overlay .theme-header .left:before {
    6767     content: '\f341';
     6765    content: '\f340';
    67686766}
    67696767
    67706768.theme-overlay .theme-header .right:before {
    6771     content: '\f345';
     6769    content: '\f344';
    67726770}
    67736771
     
    68096807    position: absolute;
    68106808    top: 49px;
    6811     bottom: 69px;
     6809    bottom: 57px;
    68126810    left: 0;
    68136811    right: 0;
     
    68296827    left: 0;
    68306828    right: 0;
    6831     padding: 20px 25px;
     6829    padding: 10px 25px 5px;
    68326830    background: #f3f3f3;
    68336831    z-index: 30;
     
    68386836.theme-overlay .theme-actions a {
    68396837    margin-right: 5px;
    6840     margin-bottom: 0;
     6838    margin-bottom: 5px;
    68416839}
    68426840
     
    68456843    position: absolute;
    68466844    right: 10px;
    6847     bottom: 20px;
     6845    bottom: 5px;
    68486846    text-decoration: none;
    68496847    border-color: transparent;
     
    71137111    body.folded .theme-overlay .theme-wrap,
    71147112    .theme-overlay .theme-wrap {
    7115         top: 45px;
     7113        top: 0; /* The adminmenu isn't fixed on mobile, so this can use the full viewport height */
    71167114        right: 0;
    71177115        bottom: 0;
     
    71197117        padding: 70px 20px 20px;
    71207118        border: none;
     7119        z-index: 999999999;
     7120        position: fixed;
    71217121    }
    71227122
     
    71527152        margin-top: 6px;
    71537153        margin-right: 0;
     7154    }
     7155   
     7156    .theme-overlay .theme-actions .delete-theme {
     7157        position: relative;
     7158        right: auto;
     7159        bottom: auto;
     7160    }
     7161   
     7162    .theme-overlay .theme-actions .inactive-theme {
     7163        display: inline;
    71547164    }
    71557165
Note: See TracChangeset for help on using the changeset viewer.