MediaWiki:Gadget-GrAnnotations.css: Difference between revisions

No edit summary
No edit summary
 
Line 366: Line 366:
   border-color: #34a853;
   border-color: #34a853;
   box-shadow: 0 0 0 2px rgba(52,168,83,0.25);
   box-shadow: 0 0 0 2px rgba(52,168,83,0.25);
}
/* NEW: were missing entirely — confirmed the reported "highlight not
  happening" gap was exactly this: bookmark and footnote cards had no
  .gra-card-active rule at all, so clicking their highlight in the
  document correctly scrolled to the card but showed no visual flash.
  Matches each type's own established color (see section 6 below —
  blue for bookmark, yellow/amber for footnote) rather than inventing a
  new, inconsistent color. */
.gra-bookmark-card.gra-card-active {
  border-color: #1a73e8;
  box-shadow: 0 0 0 2px rgba(26,115,232,0.25);
}
.gra-footnote-card.gra-card-active {
  border-color: #fbbc04;
  box-shadow: 0 0 0 2px rgba(251,188,4,0.35);
}
}
.gra-card-header {
.gra-card-header {
Line 513: Line 528:
   transition: background 0.15s;
   transition: background 0.15s;
}
}
.gra-bookmark-highlight:hover { background: rgba(26, 115, 232, 0.22); }
/* NEW: was missing entirely — notes and footnotes already had their own
  .gra-hl-active rule, bookmarks had none, confirmed directly. */
.gra-bookmark-highlight:hover,
.gra-bookmark-highlight.gra-hl-active {
  background: rgba(26, 115, 232, 0.28);
  outline: 1.5px solid #1a73e8;
}


/* Footnote highlight — yellow tint */
/* Footnote highlight — yellow tint */
Line 528: Line 549:
}
}


/* Sandarbha (Reference) highlight — violet tint */
/* REMOVED: .gra-qe-sandarbha-highlight — Sandarbha was fully replaced by
.gra-qe-sandarbha-highlight {
  the real Ullekha citation-index feature (gr-reference class) earlier
background: rgba(142, 68, 173, 0.18);
  in the project. This class is never applied by any current code, so
border-radius: 2px;
  this was dead CSS. */
cursor: pointer;
transition: background 0.15s;
}
.gra-qe-sandarbha-highlight:hover,
.gra-qe-sandarbha-highlight.gra-hl-active {
background: rgba(142, 68, 173, 0.38);
outline: 1.5px solid #8e44ad;
}


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