MediaWiki:Gadget-GrAnnotations.css: Difference between revisions

← Older edit Newer edit →

@@ Line 564: / Line 564: @@
 #gra-mobile-bar {
    position: fixed;
-   bottom: 0;
+  /* Sit above browser chrome — use env() for safe area + extra buffer */
-   left: 0;
+   bottom: calc(env(safe-area-inset-bottom, 20px) + 60px);
-   right: 0;
+   left: 12px;
+   right: 12px;
    z-index: 10200;
-  /* Hidden below viewport by default */
+   transform: translateY(calc(100% + 120px));
-   transform: translateY(100%);
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
+  border-radius: 16px;
+  overflow: hidden;
+  box-shadow: 0 -4px 32px rgba(0,0,0,0.25);
 }
 #gra-mobile-bar.gra-mobile-bar-visible {
@@ Line 579: / Line 582: @@
 #gra-mobile-bar-inner {
    background: #fff;
-   border-top: 1px solid #e0e0e0;
+   border: 1px solid #e0e0e0;
-   border-radius: 16px 16px 0 0;
+   border-radius: 16px;
-  box-shadow: 0 -4px 20px rgba(0,0,0,0.15);
    display: flex;
    align-items: stretch;
-  /* Safe area for notched phones */
+   padding-bottom: 0;
-   padding-bottom: env(safe-area-inset-bottom, 0px);
 }
 .gra-mob-btn {