MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 221: / Line 221: @@
 }
-.imap-pin svg path { fill: var(--pin-color); }
+/* Drive the pin color from the shape's fill, not the link's text color,
+   so a skin's visited-link rule can't repaint it. */
+.imap-pin svg path {
+	fill: var( --pin-color );
+}
 /* Name shown on hover / keyboard focus. */
@@ Line 266: / Line 270: @@
 a.imap-label:hover { text-decoration: underline; }
-/* ---- Shared: fade out when outside a marker's zoom range ---- */
+/* ---- Shared: fade out when outside a marker's zoom range / disabled ---- */
 .imap-hidden {
 	opacity: 0 !important;
 	pointer-events: none !important;
+}
+/* ---- Category toggle legend ---- */
+.imap-legend {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	z-index: 6;
+	max-height: calc( 100% - 20px );
+	overflow-y: auto;
+	padding: 8px 11px;
+	border-radius: 6px;
+	background: rgba( 17, 19, 26, 0.82 );
+	color: #eef;
+	font-family: sans-serif;
+	font-size: 13px;
+	line-height: 1.4;
+	-webkit-backdrop-filter: blur( 2px );
+	backdrop-filter: blur( 2px );
+	-webkit-user-select: none;
+	user-select: none;
+}
+.imap-legend-title {
+	margin-bottom: 6px;
+	font-size: 11px;
+	font-weight: 700;
+	letter-spacing: 0.06em;
+	text-transform: uppercase;
+	opacity: 0.7;
+}
+.imap-legend label {
+	display: flex;
+	align-items: center;
+	gap: 7px;
+	padding: 2px 0;
+	cursor: pointer;
+}
+.imap-legend input {
+	margin: 0;
+	cursor: pointer;
+}
+.imap-legend-swatch {
+	flex: 0 0 auto;
+	width: 11px;
+	height: 11px;
+	border-radius: 50%;
+	box-shadow: 0 0 0 1px rgba( 255, 255, 255, 0.25 );
 }