MediaWiki:Gadget-GrAnnotations.css: Difference between revisions

No edit summary
No edit summary
Tag: Reverted
Line 655: Line 655:
@media (max-width: 768px) {
@media (max-width: 768px) {
   #gra-toggle {
   #gra-toggle {
     bottom: 78px !important;
     bottom: 78px !important;   /* 18 + 44 + 8 + 44 + 8 = 122 */
     right: 16px !important;
     right: 16px !important;
     width: 44px !important;
     width: 44px !important;
Line 708: Line 708:
body.skin-minerva #mw-content-text .mw-parser-output > *:first-child {
body.skin-minerva #mw-content-text .mw-parser-output > *:first-child {
   scroll-margin-top: calc(var(--gr-bar-h) + 8px);
   scroll-margin-top: calc(var(--gr-bar-h) + 8px);
}
/* ── #gra-toggle z-index: sits above #se-scrolltop (9997) by default ── */
/* Both are at bottom:78px on mobile (intentional — they alternate).
  Toggle needs higher z-index so it's visible when scroll-top is hidden. */
#gra-toggle {
  z-index: 9998 !important;  /* above se-scrolltop:9997, below se-docnav-btn:9998 */
}
/* When scroll-top becomes visible (.se-scrolltop-visible), it needs to
  be on top. siteNav.js adds the class — we bump its z-index here.    */
#se-scrolltop.se-scrolltop-visible {
  z-index: 10000 !important;
}
}