MediaWiki:Gadget-GrAnnotations.css: Difference between revisions
No edit summary |
No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 72: | Line 72: | ||
position: fixed; | position: fixed; | ||
top: 0; | top: 0; | ||
right: - | right: -400px; | ||
width: | width: 400px; | ||
height: 100vh; | height: 100vh; | ||
background: #fff; | background: #fff; | ||
| 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. | /* 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 527: | Line 548: | ||
outline: 1.5px solid #fbbc04; | outline: 1.5px solid #fbbc04; | ||
} | } | ||
/* REMOVED: .gra-qe-sandarbha-highlight — Sandarbha was fully replaced by | |||
the real Ullekha citation-index feature (gr-reference class) earlier | |||
in the project. This class is never applied by any current code, so | |||
this was dead CSS. */ | |||
/* ══════════════════════════════════════════════════════════════════ | /* ══════════════════════════════════════════════════════════════════ | ||