MediaWiki:Common.css: Difference between revisions

Line 536:

.vector-user-links a { color: rgba(255,255,255,0.9) !important; }

/* ── Hide: Watchlist ~~overflow icon +~~ Appearance ~~button ─────────~~

/* ── Hide: Watchlist, Appearance, fix user-menu dropdown text ──

*

* Vector 2022 ~~renders two icon buttons~~ between ~~the~~ username and ~~the~~

* Vector 2022 header (right side, between username and chevron):

* user-menu chevron:

* .mw-portlet-vector-user-menu-overflow — overflow strip (watchlist ≡★)

* 1. .mw-portlet-vector-user-menu-overflow — ~~the "~~overflow" strip

* #vector-appearance / pinned/unpinned containers — appearance panel

* which contains #pt-watchlist (≡★) ~~and possibly other items.~~

* 2. #vector-appearance / ~~#vector-appearance-~~pinned~~-container~~

* — ~~the~~ appearance~~/theme~~ panel ~~toggle.~~

*

* ~~We hide~~ the ~~entire overflow portlet (it only contains watchlist for~~

* The user-menu dropdown text must be dark (not inherit the white

* ~~most wikis~~) ~~and all appearance-related containers~~.

* header colour) because it renders on a white card background.

* ──────────────────────────────────────────────────────────────── */

/* Watchlist ~~icon and the~~ overflow portlet ~~that wraps it~~ */

/* 1. Watchlist overflow portlet */

.mw-portlet-vector-user-menu-overflow,

#p-vector-user-menu-overflow,

Line 555:

Line 552:

li#pt-watchlist-kbd { display: none !important; }

/* Appearance panel — ~~all containers~~ */

/* 2. Appearance panel — every container Vector 2022 might use */

#vector-appearance,

#vector-appearance-pinned-container,

#vector-appearance-unpinned-container,

.mw-portlet-appearance,

.vector-appearance-pinnable-element { display: none !important; }

#p-appearance,

.vector-appearance-pinnable-element,

/* The toggle BUTTON that opens the appearance panel (page-tools area) */

.vector-page-tools [aria-controls="vector-appearance"],

/* Appearance inside the right-side sticky header overflow */

.vector-sticky-header [aria-controls="vector-appearance"] { display: none !important; }

/* 3. User-menu dropdown card — force dark text on white background */

/* The chevron (▾) opens .vector-user-menu which has a white card;

* the inherited header color: white must be overridden here. */

.vector-user-menu .mw-list-item a,

.vector-user-menu .vector-menu-content-list a,

#p-personal .vector-menu-content a,

.mw-portlet-personal .vector-menu-content a,

#vector-user-menu-overflow .vector-menu-content a { color: #202122 !important; }

.vector-user-menu .mw-list-item a:hover,

.vector-user-menu .vector-menu-content-list a:hover { color: #f57c00 !important; }

/* ── User dropdown — fix white text inside the menu ───────────── */

@@ Line 536: / Line 536: @@
 .vector-user-links a { color: rgba(255,255,255,0.9) !important; }
-/* ── Hide: Watchlist overflow icon + Appearance button ─────────
+/* ── Hide: Watchlist, Appearance, fix user-menu dropdown text ──
   *
-  * Vector 2022 renders two icon buttons between the username and the
+  * Vector 2022 header (right side, between username and chevron):
- * user-menu chevron:
+  *   .mw-portlet-vector-user-menu-overflow  — overflow strip (watchlist ≡★)
-  *   1. .mw-portlet-vector-user-menu-overflow  — the "overflow" strip
+  *   #vector-appearance / pinned/unpinned containers — appearance panel
- *      which contains #pt-watchlist (≡★) and possibly other items.
-  *   2. #vector-appearance / #vector-appearance-pinned-container
- *      — the appearance/theme panel toggle.
   *
-  * We hide the entire overflow portlet (it only contains watchlist for
+  * The user-menu dropdown text must be dark (not inherit the white
-  * most wikis) and all appearance-related containers.
+  * header colour) because it renders on a white card background.
   * ──────────────────────────────────────────────────────────────── */
-/* Watchlist icon and the overflow portlet that wraps it */
+/* 1. Watchlist overflow portlet */
 .mw-portlet-vector-user-menu-overflow,
 #p-vector-user-menu-overflow,
@@ Line 555: / Line 552: @@
 li#pt-watchlist-kbd { display: none !important; }
-/* Appearance panel — all containers */
+/* 2. Appearance panel — every container Vector 2022 might use */
 #vector-appearance,
 #vector-appearance-pinned-container,
 #vector-appearance-unpinned-container,
 .mw-portlet-appearance,
-.vector-appearance-pinnable-element { display: none !important; }
+#p-appearance,
+.vector-appearance-pinnable-element,
+/* The toggle BUTTON that opens the appearance panel (page-tools area) */
+.vector-page-tools [aria-controls="vector-appearance"],
+/* Appearance inside the right-side sticky header overflow */
+.vector-sticky-header [aria-controls="vector-appearance"] { display: none !important; }
+/* 3. User-menu dropdown card — force dark text on white background */
+/* The chevron (▾) opens .vector-user-menu which has a white card;
+ * the inherited header color: white must be overridden here. */
+.vector-user-menu .mw-list-item a,
+.vector-user-menu .vector-menu-content-list a,
+#p-personal .vector-menu-content a,
+.mw-portlet-personal .vector-menu-content a,
+#vector-user-menu-overflow .vector-menu-content a { color: #202122 !important; }
+.vector-user-menu .mw-list-item a:hover,
+.vector-user-menu .vector-menu-content-list a:hover { color: #f57c00 !important; }
 /* ── User dropdown — fix white text inside the menu ───────────── */