WordPress.org

Make WordPress Core

Ticket #42212: 42212.3.diff

File 42212.3.diff, 2.5 KB (added by celloexpressions, 2 years ago)

Remove conditional stickiness.

  • src/wp-admin/css/customize-controls.css

     
    550550}
    551551
    552552#customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
    553         color: #555;
     553        color: #555d66;
    554554        background-color: #fff;
    555555        border-left: 4px solid #fff;
    556556}
     
    21472147        margin: 1px 0;
    21482148}
    21492149
    2150 /* Unstick the filter bar on short windows/screens. This breakpoint is based on the
    2151    current length of .org feature filters assuming translations do not wrap lines. */
    2152 @media screen and (max-height:540px), screen and (max-width:1018px) {
    2153         .customize-preview-header.themes-filter-bar {
    2154                 position: relative;
    2155                 left: 0;
    2156                 width: 100%;
    2157                 margin: 0 0 25px 0;
    2158         }
    2159         .filter-drawer {
    2160                 top: 46px;
    2161         }
    2162         .wp-customizer .theme-browser .themes {
    2163                 padding: 0 0 25px 25px;
    2164                 overflow: hidden;
    2165         }
    2166 
    2167         .control-panel-themes .customize-themes-full-container {
    2168                 margin-top: 0;
    2169                 padding: 0;
    2170                 height: 100%;
    2171                 width: calc(100% - 300px);
    2172         }
    2173 }
    2174 
    21752150@media screen and (max-width:1018px) {
    21762151        .filter-drawer .filter-group {
    21772152                width: calc( (100% - 50px) / 2);
     
    21972172        .control-panel-themes .filter-themes-count {
    21982173                float: left;
    21992174        }
     2175       
     2176        .wp-customizer .theme-browser .themes {
     2177                margin-top: 39px;
     2178        }
    22002179}
    22012180
    22022181@media screen and (max-width:792px) {
     
    22122191/* Mobile - toggle between themes and filters */
    22132192@media screen and (max-width:600px) {
    22142193
     2194        .customize-preview-header.themes-filter-bar {
     2195                width: 100%;
     2196                left: 0;
     2197                top: 46px;
     2198        }
     2199
     2200        .wp-customizer .theme-browser .themes {
     2201                margin-top: 111px;
     2202        }
     2203
    22152204        .filter-drawer {
    22162205                top: 132px;
    22172206        }
  • src/wp-admin/js/customize-controls.js

     
    19011902                                        .parent().next( '.filter-drawer' ).slideToggle( 180, 'linear' );
    19021903
    19031904                                if ( $filterToggle.hasClass( 'open' ) ) {
    1904                                         var marginOffset = 1018 < window.innerWidth ? 50 : 76;
     1905                                        var marginOffset = 1018 < window.innerWidth ? 50 : 111;
    19051906
    19061907                                        section.contentContainer.find( '.themes' ).css( 'margin-top', section.filtersHeight + marginOffset );
    19071908                                } else {
    1908                                         section.contentContainer.find( '.themes' ).css( 'margin-top', 0 );
     1909                                        section.contentContainer.find( '.themes' ).css( 'margin-top', ( 600 < window.innerWidth ? 0 : 111 ) );
    19091910                                }
    19101911                        });
    19111912