MediaWiki:Gadget-GrAnnotations.css: Difference between revisions

Line 21:

/* ══════════════════════════════════════════════════════════════════

1. FLOATING ACTION STRIP (~~3 buttons~~)

1. FLOATING ACTION STRIP (desktop only)

══════════════════════════════════════════════════════════════════ */

#gra-fab {

Line 584:

display: flex;

align-items: stretch;

~~/* Pad for iPhone home indicator */~~

padding-bottom: env(safe-area-inset-bottom, 0px);

}

Line 614:

Line 613:

.gra-mob-dismiss:active { background: #fff0f0; color: #e53935; }

~~/* JS controls which is shown via .gra-fab-visible and .gra-mobile-bar-visible~~

~~No media query hiding — avoids viewport width edge cases on mobile browsers */~~

/* ══════════════════════════════════════════════════════════════════

@@ Line 21: / Line 21: @@
 /* ══════════════════════════════════════════════════════════════════
-. FLOATING ACTION STRIP  (3 buttons)
+. FLOATING ACTION STRIP  (desktop only)
     ══════════════════════════════════════════════════════════════════ */
 #gra-fab {
@@ Line 584: / Line 584: @@
    display: flex;
    align-items: stretch;
-  /* Pad for iPhone home indicator */
    padding-bottom: env(safe-area-inset-bottom, 0px);
 }
@@ Line 614: / Line 613: @@
 .gra-mob-dismiss:active { background: #fff0f0; color: #e53935; }
-/* JS controls which is shown via .gra-fab-visible and .gra-mobile-bar-visible
-   No media query hiding — avoids viewport width edge cases on mobile browsers */
 /* ══════════════════════════════════════════════════════════════════