MediaWiki:Gadget-GrAnnotations.css: Difference between revisions

← Older edit Newer edit →

@@ Line 445: / Line 445: @@
 #gra-toggle {
    position: fixed;
-   bottom: 80px;  /* sits above docs (22px) */
+   bottom: 138px;  /* sits above scroll-to-top (80px) which is above docs (22px) */
    right: 20px;
    width: 48px;
@@ Line 494: / Line 494: @@
    right: 356px;
    transition: right 0.28s cubic-bezier(0.4,0,0.2,1), background 0.15s;
+}
+/* ── Quick-select comment chips ────────────────────────────────── */
+.gra-quick-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  padding: 2px 0 4px;
+}
+.gra-chip {
+  background: #f1f3f4;
+  border: 1.5px solid #e0e0e0;
+  border-radius: 999px;
+  color: #444;
+  font-size: 12px;
+  font-family: inherit;
+  padding: 4px 12px;
+  cursor: pointer;
+  transition: background 0.12s, border-color 0.12s, color 0.12s;
+  white-space: nowrap;
+}
+.gra-chip:hover {
+  background: #e8f0fe;
+  border-color: #1a73e8;
+  color: #1a73e8;
+}
+.gra-chip.gra-chip-active {
+  background: #1a73e8;
+  border-color: #1a73e8;
+  color: #fff;
 }