jonny
/
Vector-Local
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor some max-width media queries to use min width 

Bug: T310536
Change-Id: I900c2446b64533775b37d6e0a0ce781ab0ff890a
This commit is contained in:
bwang 2022-06-23 16:49:53 -05:00 committed by Bernard Wang
parent e952a051c3
commit 73ecf0f4f3
3 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/skins.vector.styles/components/ArticleToolbar.less
View File

@ -50,10 +50,10 @@
}
.vector-more-collapsible-item {
display: none;
display: block;
@media ( max-width: @max-width-mobile ) {
display: block;
@media ( min-width: @min-width-tablet ) {
display: none;
}
}

8
resources/skins.vector.styles/components/StickyHeader.less
View File

@ -10,7 +10,7 @@
right: 0;
z-index: @z-index-header;
transition: @transition-sticky-header;
display: flex;
display: none;
align-items: center;
margin: 0 auto;
background: @background-color-base;
@ -45,9 +45,9 @@
display: none;
}
// T298836 Hide the sticky header at lower resolutions.
@media ( max-width: @max-width-tablet ) {
display: none;
// T298836 Only show sticky header at higher resolutions.
@media ( min-width: @min-width-desktop ) {
display: flex;
}
//

8
resources/skins.vector.styles/layouts/screen.less
View File

@ -185,13 +185,13 @@ body {
// Update positioning when TOC is enabled
.vector-toc-enabled .vector-layout-legacy #mw-panel {
position: static;
float: left;
float: none;
}
// Remove float at lower resolutions
@media ( max-width: @max-width-tablet ) {
// Add float at higher resolutions
@media ( min-width: @min-width-desktop ) {
.vector-toc-enabled .vector-layout-legacy #mw-panel {
float: none;
float: left;
}
}