Commit graph

42 commits

Author SHA1 Message Date
b0a9e04ca7 Various fixes
This fixes formatting on the sidebar, in TOCs, in Special:Version tables, on external links, and in OOUI dropdowns
2024-11-28 13:47:05 -05:00
258f032f23 Initial port 2024-11-27 23:05:37 -05:00
Bartosz Dziewoński
ff048c2d3d Fix override to let indicators float into heading area
Bug: T373617
Change-Id: I8ecc52a9b4a99035a947be1792e3e077e188c1c6
2024-09-04 03:11:10 +02:00
Ebrahim Byagowi
f06694fed6 Remove spacing above used template
If there is Wikidata item usage in a page this will result
in an extra space and the style here seems too arbitrary
to worth to have a better fix considering all other cases
this could break like lack of template but hidden
categories so let's just remove it instead.

Bug: T373286
Change-Id: I370ef49e5972865a62f68f2a260e8daef090b1c3
2024-08-30 11:20:26 +03:30
libraryupgrader
699ee3da65 build: Updating npm dependencies
* eslint-config-wikimedia: 0.27.0 → 0.28.0
* grunt-stylelint: 0.19.0 → 0.20.0
* stylelint-config-wikimedia: 0.16.1 → 0.17.0

Change-Id: I6301659d10ff9f1d633b5e588f69d850c523b53e
2024-06-04 23:03:05 +00:00
Ed Sanders
ea7349cfee build: Update linters
Change-Id: I66509997c334d9bf56ecd76ec238fc87672a7a3d
2023-09-04 18:09:37 +01:00
Jon Robson
d39df243b8 Make Monobook compatible with mw.util.addPortlet method
The markup from the addPortlet method differs slightly from
Monobook's markup. Apply to label elements as well as h3 to
account for this.

Bug: T342814
Change-Id: I147c8e74a49078abad2d363e25cdd9c9d06ac473
2023-07-26 21:20:27 +00:00
jenkins-bot
05dbc5027d Merge "styles: Use mediawiki.mixins screen reader text mixin" 2023-06-05 20:25:57 +00:00
Volker E
b277b28a5b Drop fallback code for SVG handling
Bug: T328144
Change-Id: Ib78a4756c2e9539f1a4ae3151ce79b0c80b30c6f
2023-06-04 04:41:00 -07:00
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
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
Volker E
58986d581a styles: Remove outdated browser hack
Bug: T306486
Change-Id: I0d13a3af0d3dd7184bce646b772409ced55c80c8
2023-05-09 18:10:31 -07:00
Volker E
0937fc914b styles: Remove deprecated .list-style-image() mixin call
Deprecated since v1.38.0.

Change-Id: Ib8acdc721c5e114dba270f57b88b18fd8d32cab4
2023-05-09 18:10:00 -07:00
Umherirrender
919667ba34 stylelint: Enable selector-pseudo-element-colon-notation
Via stylelint --fix

Change-Id: Ie6de762bf62033ee913008c194ded62104410256
2023-03-29 23:28:45 +02:00
Jack Phoenix
0965c92e61 Don't include the "jump to (navigation|search)" links when copy-pasting article text
They are included in the DOM for screen readers but there's a good chance the user copy-pasting text from an article does _not_ wish to copy-paste these visually-hidden-for-most-users accessibility helper links.

Bug: T295647
Change-Id: Ib3b3ae5fcd711bca8391e90ed1e7ffcf31a2b384
2023-03-13 22:31:36 +02:00
Jack Phoenix
3fb300a05a Optimization: .sharedUploadNotice is also specific to File: pages
Change-Id: I7d40d7d15ccd6b368269317c29646d50fde68c77
2023-01-31 22:31:37 +02:00
Jack Phoenix
1e500a5add Optimization: use skinStyles to load CSS specific to File: pages + rm unused #login-sectiontip rule
Change-Id: I281b61642588eb05b775314c9852847756cd36e0
2023-01-30 16:13:18 +02: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
jdlrobson
bf64fa1aec Restore red links color to the responsive mode
Follow up to c1ca90ce4b

the #p-personal li a is trumped by
the skin--responsive selector. Store the rule next
to the existing link rule to avoid this.

This stylesheet loaded by both modes so works in both.
One with the skin--responsive prefix and one without.

Bug: T288788
Change-Id: Ief4fa9dbbd48f2c6f73a58a73d64255438cd938e
2021-08-18 08:02:14 -07:00
jdlrobson
ba2c0ec06e Restore capitalization styling in MonoBook portlets
Cleaning up the `text-transform` mess and making this specific
rule simpler for the different languages and skin variants like
responsive skin.
Follow up to c1ca90ce4b.

Bug: T97892
Change-Id: Id4b3a3c23396728fa5910b7acfcf618b281390ca
2021-08-13 15:18:11 -07:00
jdlrobson
38c49703f1 Add visualClear style to MonoBook
Follow up to ff1d2fcf0f
following guideline on
https://mediawiki.org/wiki/Manual:ResourceLoaderSkinModule#visualClear

Bug: T288288
Change-Id: I3066ac2171a1faa82244152f141208ca8643e00d
2021-08-05 21:16:04 +00:00
bwang
ff1d2fcf0f Remove 'legacy' feature, simplify skins.monobook.mobile module
skins.monobook.mobile which was incorrectly identified as
a ResourceLoaderSkinModule is removed. This module was always
loaded in JavaScript alongside one of the modified modules

Bug: T287410
Change-Id: Ia1e15b606b3eee1ae442bd71765778269d11fd38
2021-07-29 23:18:54 +00:00
bwang
6ce3ce1acb Use Skin::getAfterPortlet instead of deprecated BaseTemplate:getAfterPortlet
Change-Id: Ie00e8c5efe9a1e736251382344a7ae8cd779bb6b
2021-06-11 15:08:45 -05:00
Derick A
aa848854ef resources: Remove redundant CSS rule from .mw-indicators class selector
As already mentioned on the task, this has already been made available in
the interface ResourceLoaderSkinModule feature, hence redundant in here.

Bug: T278364
Change-Id: I071f43836bed9991bbefd71b7b0348c2eb13bbec
2021-04-19 17:57:15 +01:00
Volker E
b87a5b66d2 Use 'normalize' module from core's 'mediawiki.skinning'
Also removing covered styles from 'screen-common.less'.

Bug: T256520
Change-Id: I054c77bb5410e0c08bbdcf3b51f2d6fcc8a103f0
2020-07-06 21:58:15 -07:00
AronDemian
1587cdfb60 Add .mw-footer CSS class & replace #footer selector with it
`#footer` kept for backwards compatibility with user styles and gadgets.

Bug: T248137
Change-Id: Ied8e79c5895f8fe383b1ca743a31890549cc8d86
2020-04-24 02:28:15 +00:00
Volker E
09fe3e5567 Remove elements from overqualified element-id combination selectors
There's no need for those in year 2020.

Change-Id: I9ea94bce18d749ada0bb5b1bb9692d1d1886755a
2020-03-21 20:39:46 -07:00
AronDemian
607fbb78ee Extend documentation of CSS trick that sets the minimum content font-size to 11.43px
Change-Id: If90ae377705eb88807be465b24859b9ccc63d09c
2020-02-28 06:37:03 +01:00
Volker E
ac9ba37713 Amend firstHeading selector
Turning it into a class selector similar and amending the distances
to not rely on `line-height` in order to prevent unwanted side-effects
in non Latin scripts.

Follow-up to I85b5172a851bcfbf00606f355453f591782f9cc2

Depends-On: I2edf9f40e5b4b9296195cb581e216f82b28933ca
Bug: T239657
Change-Id: Ia27b48d45ad3fa4ab2f517734bd0cbe0d94f5ed4
2019-12-02 12:26:36 -08:00
Volker E
cdafe2a796 Remove IE 6 & 7 specific code
Bug: T234582
Change-Id: I3b51005bdc4ce49a534f8fc005f8e5a67b5c39e7
2019-10-13 09:15:38 -07:00
Jack Phoenix
1bb0c40a49 Remove last references to the long-gone CSS classes .editExternally and .editExternallyHelp
See core commit 1890f315a2d756b9fa31856f59437ade8aafea7a for the full explanation, but tl,dr: these classes haven't been used since 2005.

Change-Id: I52d7facccce955da9f66102b657a0e3627904167
2019-04-21 00:05:04 +03:00
Volker E
7698e737bf Remove list-style-image fallback treatment for non-SVG browsers
Bug: T220327
Change-Id: I421716a8d964be4676a82b39446dd78ac78b7fba
2019-04-07 23:15:31 -07:00
Isarra
e9b62baf8d Put background images back in single set of declarations in body
Separating the two background images out is unnecessary when we already
have a single-image fallback jpeg for old browsers, and also breaks
extensions such as Theme and user/site css affecting the background image.

Change-Id: Ic869b84fb6d0c10b91a171fb1f842e2290d3bc0a
2019-01-22 02:34:52 +01:00
Timo Tijhof
6dccc0d96e Re-implement and improve mw-jump links with pure CSS
* Improve their accessibility by giving both links a full label
  ("Jump to x" and "Jump to y" instead of "Jump to: ", "x", "y").

  This also makes things better for localisation.

* Use pure CSS for the toggling of the visibility on focus,
  instead of relying on JavaScript. Especially given the
  JS came from core's 'jquery.mw-jump' module, which is
  considered technical debt per T195256.

* Use plain <a> links in the HTML instead of wrapped in a <div>.
  This solves the long-standing problem whereby the margin
  between #contentSub and #mw-content-text had to be awkwardly
  negated and overridden.

Bug: T195256
Change-Id: I40a769ee3a822a5a9167ec1d144e6b151eb8e141
2018-05-24 01:30:55 +01:00
Isarra
ca53e721ab Mobile - reorganise and clean up p-personal js dropdown
* Reorder ULS and Echo links
* Rename conditional module load hook to be more generic, and add
  ULS module
* Remove .active bolding from dropdown

Change-Id: I7e746e7c5af8ffd7c4ca06742ab1fe6bc94ba531
2018-05-20 10:29:50 +00: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
Bartosz Dziewoński
ac8b055693 Consistently embed images in CSS (or not)
Use .background-image() and .background-image-svg() mixins to embed
all SVG images, but not embed GIF/PNG fallbacks.

Change-Id: I807719dbf07749f4c942b4ba9b023440ca52a510
2018-04-05 16:25:32 +02:00
Mukunda Modell
2e1865640c Use background-image instead of .background-image-svg
Bug: T191237
Change-Id: I84a11685d6e2fefdedafc056e3433f0c8aaa2218
2018-04-04 19:52:41 +00:00
Isarra
e33b232785 Move Cite styles into separate skinStyles sheet
No guarantees that these styles actually apply to anything anymore.
But at least the TODO is resolved!

Change-Id: Ibb43c044f50f026afa84a0151b113dd600956942
2018-03-24 18:38:33 +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
Isarra
7b01f37552 Rename main.less to screen-common.less to prepare for splitting
Part of the move toward responsiveness.

Change-Id: I6ca7c87fff7a65b05b2310885aedaeede9647c78
2018-03-24 18:01:41 +00:00
Renamed from resources/main.less (Browse further)