MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 299: / Line 299: @@
 /* ── Vector 2022 sidebar TOC ──────────────────────────────────── */
 .vector-toc {
-   font-size: 1.1em !important;
+   font-size: 0.98em !important;
-   line-height: 1.9 !important;   /* REDUCED from 2 */
+   line-height: 1.65 !important;
 }
+/* TOC text uses the same serif as the document body */
 .vector-toc .vector-toc-link,
 .vector-toc .vector-toc-text,
@@ Line 309: / Line 310: @@
 }
+/* "Contents" heading — subtle, matches site's muted label style */
 .vector-toc .vector-toc-title {
-   font-size: 0.85em !important; font-weight: 600 !important;
+   font-size: 0.72em !important;
-   text-transform: uppercase; letter-spacing: 0.06em;
+  font-weight: 700 !important;
-   color: #888 !important; font-family: system-ui, sans-serif !important;
+   text-transform: uppercase;
+  letter-spacing: 0.08em;
+   color: #b07040 !important;
+  font-family: system-ui, sans-serif !important;
+  margin-bottom: 4px !important;
 }
+/* Section expand/collapse chevron — align it properly with the link text.
+ * Vector renders it as a <button class="cdx-button vector-toc-toggle"> that
+ * sits BEFORE the <a> inside .vector-toc-list-item.  We reset all the Codex
+ * button chrome and size it to match the line-height of the TOC text. */
 .vector-toc .cdx-button.vector-toc-toggle {
-   background: none !important; border: none !important;
+  /* Reset Codex chrome completely */
-   box-shadow: none !important; outline: none !important;
+   background: none !important;
-   padding: 0 !important; margin: 0 !important;
+  border: none !important;
-   min-width: 0 !important; min-height: 0 !important;
+   box-shadow: none !important;
-   width: 24px !important; height: 24px !important;
+  outline: none !important;
-   cursor: pointer !important; opacity: 0.5;
+  /* Size & spacing */
-   display: inline-flex !important; align-items: center !important;
+   padding: 0 2px 0 0 !important;
-   justify-content: center !important; vertical-align: middle !important;
+  margin: 0 !important;
+   min-width: 0 !important;
+  min-height: 0 !important;
+   width: 18px !important;
+  height: 1em !important;
+  /* Vertical alignment — sit inline with the link text */
+  display: inline-flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  vertical-align: middle !important;
+  flex-shrink: 0 !important;
+   cursor: pointer !important;
+  /* Colour — use the same brown as inactive TOC links */
+  color: #9a6030 !important;
+  opacity: 1 !important;
+  transition: color 0.15s, transform 0.15s !important;
+}
+.vector-toc .cdx-button.vector-toc-toggle:hover {
+  color: #f57c00 !important;
+}
+/* Rotate the chevron SVG when the section is collapsed */
+.vector-toc-list-item-collapsed .cdx-button.vector-toc-toggle {
+  transform: rotate(-90deg) !important;
+}
+/* The SVG icon inside the button */
+.vector-toc .cdx-button.vector-toc-toggle svg {
+  width: 12px !important;
+  height: 12px !important;
+  fill: currentColor !important;
+  pointer-events: none;
+}
+/* TOC list item layout — button + link sit side by side */
+.vector-toc .vector-toc-list-item {
+   display: flex !important;
+  align-items: center !important;
+  gap: 0 !important;
+}
+.vector-toc .vector-toc-link {
+  flex: 1 !important;
+  display: flex !important;
+  align-items: center !important;
+   gap: 4px !important;
+  padding: 1px 0 !important;
+}
+/* Number prefix — small, muted */
+.vector-toc .vector-toc-numb {
+  font-size: 0.8em !important;
+  color: #c8945a !important;
+  margin-right: 3px !important;
+  flex-shrink: 0 !important;
 }
@@ Line 576: / Line 637: @@
    color: #b5451b; font-weight: 600; font-size: 0.92em;
    margin: 0.5em 0 0.2em 0; display: block;
-}
-.vector-page-tools-landmark, vector-appearance-landmark {
-  display: none !important;
 }
@@ Line 591: / Line 649: @@
    .gr-gadya { width: 90%; }
 }
-#ca-talk { display: none !important; }
-#p-tb { display: none !important; }