MediaWiki:Gadget-Tooltip.css: Difference between revisions
No edit summary |
okay theres some weird z-index shenanigans going on that idk how to resolve, but it's coming together Tags: Mobile edit Mobile web edit |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
/* Force disable default hover tooltip on mobile and enable the toggle */ | /* Force disable default hover tooltip on mobile and enable the toggle */ | ||
.skin-minerva .hover-tooltip { display: none; } | .skin-minerva .hover-tooltip { display: none; } | ||
.skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle { display: | .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle { display: none !important; } | ||
/** Text styling **/ | /** Text styling **/ | ||
| Line 24: | Line 24: | ||
/*** The tooltip's toggle version ***/ | /*** The tooltip's toggle version ***/ | ||
.toggle-tooltip.hnaw-collapsible, .text-tooltip { | .toggle-tooltip.hnaw-collapsible, .text-tooltip { | ||
display: inline-block; | |||
position: relative; | position: relative; | ||
border-bottom-color: rgb(128, 128, 128); | border-bottom-color: rgb(128, 128, 128); | ||
| Line 65: | Line 66: | ||
} | } | ||
/* | /* Bottom of Page Container (Mobile) */ | ||
.skin-minerva .custom-tt-wrapper .mw-collapsible-content .oo-ui-widget:not(.oo-ui-element-hidden) { | |||
.skin-minerva .custom-tt-wrapper .mw-collapsible- | |||
position: fixed; | position: fixed; | ||
z-index: 10005; | z-index: 10005; | ||
| Line 85: | Line 85: | ||
overflow-y: scroll; | overflow-y: scroll; | ||
} | } | ||
/* Tooltip surrogate toggle on container header */ | /* Tooltip surrogate toggle on container header */ | ||
.skin-minerva .custom-tt-wrapper .mw-collapsible- | .skin-minerva .custom-tt-wrapper .mw-collapsible-content .oo-ui-widget:not(.oo-ui-element-hidden):after { | ||
content: "x" !important; | content: "x" !important; | ||
position: fixed; | position: fixed; | ||
| Line 104: | Line 96: | ||
} | } | ||
/* Tooltip surrogate toggle on backdrop overlay */ | /* Tooltip surrogate toggle on backdrop overlay */ | ||
.skin-minerva .custom-tt-wrapper .mw-collapsible- | .skin-minerva .custom-tt-wrapper .mw-collapsible-content .oo-ui-widget:not(.oo-ui-element-hidden):before { | ||
background: black; | background: black; | ||
position: fixed; | position: fixed; | ||
| Line 114: | Line 106: | ||
z-index: 10004; | z-index: 10004; | ||
} | } | ||
/* For [[Template:Extra Effect]] */ | /* For [[Template:Extra Effect]] */ | ||
| Line 167: | Line 158: | ||
} | } | ||
.skin-minerva .hnaw-extra-effect-wrapper | .skin-minerva .hnaw-extra-effect-wrapper button[aria-expanded="true"] + .mw-collapsible-content.hnaw-extra-effect { | ||
position: fixed; | position: fixed; | ||
z-index: 10005; | z-index: 10005; | ||