MediaWiki talk:Vector.css

pre { overflow: auto; } Please add this simple style, it will add scroll bars when necessary instead of breaking the page.– xPaw at 17:28, 2 August 2012 (UTC)

There is a CSS media query [1] that lets websites detect whether the user has dark mode on or not. It can also be detected from javascript (also explained in [2]). I think the Minecraft Wiki should follow this setting. Peter Smith (talk) 21:36, 12 February 2024 (UTC)

Dianliang233 and MarkusRost? Fatya (talk) 09:23, 7 August 2025 (UTC)

There is an upcoming theme selector gadget made by @violine1101, which already has this feature. -- Leo768 (talk) 10:00, 7 August 2025 (UTC)

And what if someone has low bandwidth speed and couldn't load javascript? Fatya (talk) 10:04, 7 August 2025 (UTC)

We do best-effort support and progressive enhancement for nojs environments. This is not a critical site feature so we'll allow it to not work. GIM Dianliang233 (talk) 10:10, 7 August 2025 (UTC)

And what about scaling issues? See topic below. Fatya (talk) 10:17, 7 August 2025 (UTC)

When they are logged in and had JS enabled once to switch to dark mode manually, any future non-JS visit will be dark mode as well. -- 👁 Image
MarkusRost (talk) 10:19, 7 August 2025 (UTC)

The site's currently unusable if you're a person with low vision and need to zoom in beyond 140%; even WCAG requires a minimum of 200% scaling. Therefore I propose to import here this stylesheet from my userpage, which enables zooming in up to 470%.

Despite using max-width media queries, this won't affect people visiting our site with a 1024x768 monitor or people using desktop version on mobile, as the current width value on the <meta name="viewport"> tag is 1120, i.e. these people will always get a 1120px-wide version of the site if they don't zoom in, all while the first breaking point in my stylesheet is 1068px. Fatya (talk) 09:45, 7 August 2025 (UTC)

What specific issues are you noticing when zooming in? Could you show me some examples, ideally with screenshots? Zoom is working fine for me all the way to 500% (browser limit), so I don't know what issues you are referring to. -- 👁 Image
MarkusRost (talk) 10:23, 7 August 2025 (UTC)

1. 👁 Image
   

   Top right navigation overflowing and interfering with main page's top buttons.

2. 👁 Image
   

   Top right navigation overflowing and making page's title unreadable.

Which are all things my stylesheet attempts to solve. Fatya (talk) 10:40, 7 August 2025 (UTC)

I've added some styles to MediaWiki:Noscript.css to account for the vector tabs not collapsing when JS is disabled. -- 👁 Image
MarkusRost (talk) 12:16, 7 August 2025 (UTC)

The border isn't visible with current light mode bgcolor, which also makes padding too excessive visually; example. Fatya (talk) 16:55, 14 August 2025 (UTC)

MarkusRost? Fatya (talk) 10:01, 16 August 2025 (UTC)

👁 Image
 Fixed | violine1101 ^(talk) 17:09, 16 August 2025 (UTC)