MediaWiki:Gadget-Tooltip.css: Difference between revisions
No edit summary |
do collapsibles work different here or something... or how bad is this... anyways... Tags: Mobile edit Mobile web edit |
||
| 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 67: | Line 68: | ||
/** Mobile: enabled by default (attr:title does not work) **/ | /** Mobile: enabled by default (attr:title does not work) **/ | ||
/* Container */ | /* Container */ | ||
.skin-minerva .custom-tt-wrapper | .skin-minerva .custom-tt-wrapper button[aria-expanded="true"] + .mw-collapsible-content.custom-tt { | ||
position: fixed; | position: fixed; | ||
z-index: 10005; | z-index: 10005; | ||
| Line 86: | Line 87: | ||
} | } | ||
/* Container header */ | /* Container header */ | ||
.skin-minerva .custom-tt-wrapper | .skin-minerva .custom-tt-wrapper button[aria-expanded="true"] + .mw-collapsible-content.custom-tt:before { | ||
content: "ⓘ Tooltip content:"; | content: "ⓘ Tooltip content:"; | ||
display: block; | display: block; | ||
| Line 95: | Line 96: | ||
} | } | ||
/* Tooltip surrogate toggle on container header */ | /* Tooltip surrogate toggle on container header */ | ||
.skin-minerva .custom-tt-wrapper | .skin-minerva .custom-tt-wrapper button[aria-expanded="true"]:after { | ||
content: "x" !important; | content: "x" !important; | ||
position: fixed; | position: fixed; | ||
| Line 104: | Line 105: | ||
} | } | ||
/* Tooltip surrogate toggle on backdrop overlay */ | /* Tooltip surrogate toggle on backdrop overlay */ | ||
.skin-minerva .custom-tt-wrapper | .skin-minerva .custom-tt-wrapper button[aria-expanded="true"]:before { | ||
background: black; | background: black; | ||
position: fixed; | position: fixed; | ||
| Line 167: | Line 168: | ||
} | } | ||
.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; | ||