StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-28 16:21:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(toc): 🐛 elements behind collasped ToC should be interactable

Browse source 
Fixes: #896
This commit is contained in:
alistair3149 2024-07-04 15:48:01 -04:00
parent add781a4a1
commit a68626f56a
No known key found for this signature in database
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
resources/skins.citizen.styles/components/TableOfContents.less
View file

@ -103,6 +103,7 @@
bottom: ~'calc( var( --header-size ) + var( --space-xs ) )'; bottom: ~'calc( var( --header-size ) + var( --space-xs ) )';
left: 0; left: 0;
z-index: @z-index-page-header + 1; // Need to be higher than the page actions z-index: @z-index-page-header + 1; // Need to be higher than the page actions
pointer-events: none; // HACK: Make background clickable
transition: var( --transition-menu ); transition: var( --transition-menu );
transition-property: transform; transition-property: transform;
@ -120,6 +121,10 @@
} }
.citizen-dropdown { .citizen-dropdown {
&-details[ open ] + .citizen-menu__card {
pointer-events: auto; // HACK: Make ToC clickable after ToC is expanded
}
&-summary { &-summary {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@ -129,6 +134,7 @@
width: var( --toolbar-size ); width: var( --toolbar-size );
height: var( --toolbar-size ); height: var( --toolbar-size );
margin: var( --space-xs ); margin: var( --space-xs );
pointer-events: auto; // HACK: Make button clickable
background-color: var( --color-surface-1 ); background-color: var( --color-surface-1 );
border-radius: var( --border-radius--medium ); border-radius: var( --border-radius--medium );
box-shadow: var( --box-shadow-dialog ); box-shadow: var( --box-shadow-dialog );