Ticket #42212: 42212.3.diff
File 42212.3.diff, 2.5 KB (added by , 8 years ago) |
---|
-
src/wp-admin/css/customize-controls.css
550 550 } 551 551 552 552 #customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title { 553 color: #555 ;553 color: #555d66; 554 554 background-color: #fff; 555 555 border-left: 4px solid #fff; 556 556 } … … 2147 2147 margin: 1px 0; 2148 2148 } 2149 2149 2150 /* Unstick the filter bar on short windows/screens. This breakpoint is based on the2151 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 2175 2150 @media screen and (max-width:1018px) { 2176 2151 .filter-drawer .filter-group { 2177 2152 width: calc( (100% - 50px) / 2); … … 2197 2172 .control-panel-themes .filter-themes-count { 2198 2173 float: left; 2199 2174 } 2175 2176 .wp-customizer .theme-browser .themes { 2177 margin-top: 39px; 2178 } 2200 2179 } 2201 2180 2202 2181 @media screen and (max-width:792px) { … … 2212 2191 /* Mobile - toggle between themes and filters */ 2213 2192 @media screen and (max-width:600px) { 2214 2193 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 2215 2204 .filter-drawer { 2216 2205 top: 132px; 2217 2206 } -
src/wp-admin/js/customize-controls.js
1901 1902 .parent().next( '.filter-drawer' ).slideToggle( 180, 'linear' ); 1902 1903 1903 1904 if ( $filterToggle.hasClass( 'open' ) ) { 1904 var marginOffset = 1018 < window.innerWidth ? 50 : 76;1905 var marginOffset = 1018 < window.innerWidth ? 50 : 111; 1905 1906 1906 1907 section.contentContainer.find( '.themes' ).css( 'margin-top', section.filtersHeight + marginOffset ); 1907 1908 } else { 1908 section.contentContainer.find( '.themes' ).css( 'margin-top', 0);1909 section.contentContainer.find( '.themes' ).css( 'margin-top', ( 600 < window.innerWidth ? 0 : 111 ) ); 1909 1910 } 1910 1911 }); 1911 1912