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

Minor adjustments to collapsible TOC 

Bug: T307900
Change-Id: Iec0c5c6e3dbede85e549fc9558b9d5c7be4fa10d
This commit is contained in:
Clare Ming 2022-06-14 09:41:51 -06:00 committed by bwang
parent 0b2c4b7faa
commit 536e53af7a
1 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
resources/skins.vector.styles/components/TableOfContentsCollapsed.less
View File

@ -16,6 +16,8 @@
/* stylelint-disable-next-line declaration-no-important */
display: block !important;
float: left;
margin-right: 4px;
margin-left: -10px;
// Reduce padding to fit with page title
padding: 7px 10px 7px 10px;
@ -36,7 +38,7 @@
.sidebar-toc {
position: absolute;
top: 44px;
left: 8px;
left: -2px;
// !important needed to override rules in Sidebar.less
/* stylelint-disable-next-line declaration-no-important */
margin-top: 0 !important;
@ -59,18 +61,12 @@
display: block;
}
}
@{selector-checkbox-hack} {
.sidebar-toc {
left: 32px;
}
}
}
@media ( max-width: @width-breakpoint-tablet ) {
@{selector-checkbox-hack} {
.sidebar-toc {
left: 8px;
}
@media ( min-width: @width-breakpoint-tablet ) and ( max-width: @width-breakpoint-desktop ) {
body:not( .vector-below-page-title ) @{selector-checkbox-hack} .sidebar-toc {
// Adjust TOC for when the page title is farther right on the screen
// i.e. when the main menu is open and the viewport is between tablet and desktop
left: 22px;
}
}