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

fix(overflow): 🐛 allow to click through the nav element

Browse source
This commit is contained in:
alistair3149 2024-06-12 12:51:50 -04:00
parent 7b5f6b455d
commit dd89daba39
No known key found for this signature in database
2 changed files with 12 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
resources/skins.citizen.scripts/overflowElements.js
View file

@ -146,17 +146,6 @@ class OverflowElement {
this.handleInheritedClasses();
fragment.appendChild( wrapper );
const content = document.createElement( 'div' );
content.className = 'citizen-overflow-content';
wrapper.appendChild( content );
const parentNode = this.element.parentNode;
parentNode.insertBefore( fragment, this.element );
content.appendChild( this.element );
this.wrapper = wrapper;
this.content = content;
if ( this.isPointerDevice ) {
const elementStyles = window.getComputedStyle( this.element );
const topMargin = parseInt( elementStyles.marginTop );
@ -180,6 +169,17 @@ class OverflowElement {
wrapper.appendChild( nav );
this.nav = nav;
}
const content = document.createElement( 'div' );
content.className = 'citizen-overflow-content';
wrapper.appendChild( content );
const parentNode = this.element.parentNode;
parentNode.insertBefore( fragment, this.element );
content.appendChild( this.element );
this.wrapper = wrapper;
this.content = content;
} catch ( error ) {
mw.log.error(
`[Citizen] Error occurred while wrapping element: ${ error.message }`

1
resources/skins.citizen.styles/components/OverflowElements.less
View file

@ -55,6 +55,7 @@
inset: 0;
display: flex;
justify-content: space-between;
pointer-events: none;
}
&-navButton {