Commit graph

8 commits

Author SHA1 Message Date
Volker E
96d719b31c styles: Use mediawiki.mixins screen reader text mixin
Also
- import mixins separately from variables, those two should not be
mashed together
- change mobile navigation logic to work around the new mixin

Change-Id: I54ae992dd5627dd54a690dd064cf662b382761c1
2023-06-01 06:25:26 -07:00
Volker E
7d31a60911 styles: Remove single-use mixins
Those styles are better off in the one place they are needed,
also removing duplicated properties.

Change-Id: I6307f0cb6c454a0fd020f7dff1be4908f5547b20
2023-05-30 22:43:47 -07:00
Volker E
fa350786d6 skin variables: Add MonoBook specific text colors
Reuse pre-defined variable values with wider scope thanks to
mediawiki.skin.variables.less.

Bug: T333888
Change-Id: I6071ea59746d9ab3a701f570dc97b1fb5a802a45
2023-05-10 01:58:24 +00:00
jdlrobson
ca0b4bed6a Simplify MonoBook link styles
* Link color comes from the elements ResourceLoaderSkinModule feature
* MonoBook link colors are overriden in skin variables

Depends-On:  I799b46664f01c5631fb9d1ae4f5c43caeeaac818
Bug: T288739
Change-Id: Ifbe2394f2f5beb417a4aa5b288a0e906ed10a691
2021-08-31 08:27:10 +00:00
Sam Wilson
9086f450af Set top offset for notifications
Set the top offset for notifications to match the height of the
top tab and link area. Also move this height to a common Less
variable to use in both places it's used.

Bug: T260262
Depends-On: I12db7c1745d17851f6421123a145de4cb916ad51
Change-Id: I679b7bba8d0c43c36c5911b30540e86a77125497
2020-09-16 13:10:49 +08:00
Isarra
0e2ee04c87 Responsive support, JS edition
Dropdown menus and js interactiveness for people who like to pretend
we live in a modern era or something.

Does not actually support newfangled tapping and swiping stuff.
Does not properly support echo. (will follow up)

Change-Id: I27d50c320b1526b9d158016a0e8022567f78ccc1
2018-05-19 20:17:17 +00:00
Isarra
70d426d4fd Responsive support, noJS version
* Add screen-mobile.css with basic mobile styles
* Force loading of screen-desktop on IE8- due to lack of
  @media width support
* Add some new divs and a set of spoof cactions for jumping
  around the page (what's js?)
* Replace cactions label with a more descriptive string (was
  previously set to display:none regardless)
* Also add a set of icons for fixed widths for tabs and things
  (icons-source.svg is the source file for the set, and includes
  a few others that ultimately weren't used here)

Cutoff 850px. Desktop styles should remain unchanged, with
mobile remaining stylistically consistent.

Change-Id: I737a7447db1e44e0d6abaa4c07813295a5ac73a6
2018-05-02 22:20:54 +00:00
Isarra
2b24cbab0e Separate desktop and common styles, clean things up a bit
Part of the move toward responsiveness.

* Use mixins and variables!
* Vectorise existing icons
* Delete a rule or two that don't apply to the source anymore
* Consolidate similar colours into the same ones using variables

Change-Id: I2f0eb2b79cba01d8fa3a06298711e8af4d5508ba
2018-03-24 18:10:23 +00:00