Commit graph

933 commits

Author SHA1 Message Date
alistair3149 a81bf1fc16
refactor(core): ♻️ re-implement VE action icon 2024-05-06 13:37:33 -04:00
alistair3149 4558da3a0d
feat(core): remove scrollbar styles
We should let browser and OS handle scrollbar instead. Scrollbar customizations
has always been iffy because of varying browser standards and implementation.
Now floating scrollbar is common enough that we don't need custom styles anymore.
2024-05-05 19:53:54 -04:00
alistair3149 1d4cdd60df
fix(core): 🐛 avoid sticky toolbar from clipping on Firefox
The sticky toolbar is hidden on a short page when browsing on Firefox (80vh of the body container is taller than the height of the toolbar). Increasing the min-height for the body container should avoid the issue.
2024-05-05 02:13:36 -04:00
alistair3149 efa27a59c6
feat(core): increase border color contrast in dark mode 2024-05-03 17:21:40 -04:00
alistair3149 994fae626b
refactor(core): ♻️ simplify drawer header styles 2024-05-03 17:18:21 -04:00
alistair3149 46a5089131
refactor(core): ♻️ fix drawer sitestats alignement 2024-05-03 17:10:44 -04:00
alistair3149 3566e9c919
feat(core): align footer links to the end of the footer 2024-05-03 17:03:32 -04:00
alistair3149 5a5b4aab0b
feat(core): allow drawer menu to expand in smaller screen 2024-05-01 22:12:19 -04:00
github-actions 64a8914c16 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-05-02 01:44:37 +00:00
alistair3149 205cee23db
feat(core): tweak personal menu spacing 2024-05-01 21:43:02 -04:00
alistair3149 ffa7d76df4
feat(core): change primary action links in user menu into buttons
Link such as sign up and sign in are converted into a button to make it more visible
2024-05-01 20:25:51 -04:00
alistair3149 71ef6b7a30
fix(core): 🐛 incorrect font size for sticky title parenthesis text 2024-05-01 19:22:08 -04:00
alistair3149 354ae255f7
feat(core): add overflow handling to site and content sub 2024-04-27 13:32:39 -04:00
alistair3149 a10fd97a2a
refactor(core): ♻️ move pagetools rules out of sticky header 2024-04-27 13:26:18 -04:00
alistair3149 1dcc18af60
feat(core): fine tune bottom toolbar animation 2024-04-26 19:15:13 -04:00
alistair3149 8bb2d9e76d
fix(core): 🐛 invalid selector 2024-04-26 17:44:36 -04:00
github-actions 9074563e0b ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-26 21:42:26 +00:00
alistair3149 ff909e240d
feat(core): move page actions into bottom toolbar when width is limited
Related: #821
2024-04-26 17:41:27 -04:00
alistair3149 a5bf9413ea
feat(core): make sticky header more compact in limited screens 2024-04-26 15:57:29 -04:00
alistair3149 e5af1717bd
fix(core): 🐛 hide notification menu header in header 2024-04-25 18:26:54 -04:00
alistair3149 8f565b33b3
feat(core): add transition to body-container width 2024-04-25 18:19:11 -04:00
alistair3149 efe11ed410
refactor(prefs): ♻️ use literal values instead of integers in clientPref features 2024-04-25 17:51:54 -04:00
alistair3149 241dc96cfe
feat(prefs): move page width to clientPrefs
Now all of the existing prefs are migrated to clientPrefs,
we can discard the code from the old system.
2024-04-25 17:41:22 -04:00
alistair3149 0d52046523
feat(prefs): migrate font size to client preferences 2024-04-25 17:06:09 -04:00
alistair3149 d9be3e7084
refactor(core): ♻️ drop usage of mw-body-content in favor of citizen-body 2024-04-25 16:30:40 -04:00
alistair3149 316798dd57
feat(prefs): change theme toggle to 3 col 2024-04-25 16:24:18 -04:00
github-actions fce2726cc8 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-25 20:21:04 +00:00
alistair3149 6392b4c24a
refactor(core): ♻️ merge theme into features.less and cssvariables.less 2024-04-25 16:19:53 -04:00
alistair3149 56046d7e58
feat(core): tweak pure black mode colors 2024-04-25 15:59:43 -04:00
github-actions d24a8d60e2 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-25 19:50:36 +00:00
alistair3149 5768ccc25b
feat(core): add pure black mode for dark theme 2024-04-25 15:45:24 -04:00
github-actions 469d6d1d5e ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-25 00:49:51 +00:00
alistair3149 e791a52cd5
refactor(core): ♻️ replace usage of skin-citizen-theme classes 2024-04-24 20:48:43 -04:00
alistair3149 755f42eb07
refactor(core): ♻️ clean up redundant styles 2024-04-24 19:43:34 -04:00
alistair3149 0a0a6631b0
fix(core): 🐛 remove margin when contentSub is empty 2024-04-19 23:02:23 -04:00
alistair3149 6dd0f09aca
feat(core): proper em handling for CJK languages 2024-04-19 16:55:21 -04:00
github-actions b9a524bab4 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-19 20:26:48 +00:00
alistair3149 6b6dc5b269
feat(core): increase line height for CJK text
To improve readability on sites using Chinese, Japanese, and Korean.
2024-04-19 16:24:50 -04:00
alistair3149 a3e060b90c
feat(core): tweak light theme colors
- Decrease saturation for surface-0
- Increase saturation for other surfaces
2024-04-19 15:21:00 -04:00
alistair3149 fc47692421
feat(core): rename border-color variables and increase contrast
Align variable names with Codex
2024-04-19 15:20:59 -04:00
github-actions cc5452c119 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-19 18:45:09 +00:00
alistair3149 d820947490
fix(core): 🐛 hide section indicator unless explictly enabled 2024-04-19 14:43:49 -04:00
github-actions 22bad4caab ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-19 17:50:07 +00:00
alistair3149 1d0a4adc55
style: 🎨 stylelint fixes 2024-04-19 13:48:45 -04:00
alistair3149 11566de6b6
style(css): 🎨 re-apply stylelint fixes 2024-04-16 01:28:45 -04:00
alistair3149 fdc22e4ce5
feat(core): backport valign styles for images from 1.40+ 2024-04-06 14:05:05 -04:00
alistair3149 7fda12693d
fix(core): 🐛 select dropdown menu background 2024-03-20 13:47:30 -04:00
alistair3149 84abe5a71c
feat(datatables): rework search pane and filter styles 2024-03-19 18:01:51 -04:00
alistair3149 54ca25fa27
feat(core): implement new light theme
Now that we have a comfortable coverage for extensions.
It is time to start tweaking light theme color.
2024-03-19 15:48:53 -04:00
alistair3149 cb1f9e616a
feat(toc): tweak toc header font size 2024-02-28 01:25:05 -05:00
alistair3149 75548a9bdf
feat(core): increase top margin of content footer 2024-02-28 01:25:03 -05:00
alistair3149 11068251c2
feat(core): reduce menu header font size 2024-02-28 01:25:02 -05:00
alistair3149 b6872f9d2a
feat(wikitable): simplify wikitable border styles 2024-02-26 18:47:44 -05:00
alistair3149 c13fd3ea3e
feat(wikitable): use the same font size for th and td 2024-02-26 17:52:20 -05:00
alistair3149 9bd23fdff2
feat(wikitable): add border to wikitables
Adding borders to wikitables to promote better readability.
This is a complete rewrite of the styles so there might be unexpected issues.
2024-02-26 17:48:21 -05:00
alistair3149 c9f665ef78
feat(core): use CSS variables for small font sizes 2024-02-26 17:16:07 -05:00
alistair3149 3162e19a2c
feat(core): use CSS variables for x-small font sizes 2024-02-26 17:14:19 -05:00
alistair3149 a9acc08e27
feat(core)!: 💥 rework font-size CSS variables
To align with Codex tokens, the old --font-size-hN CSS variables are renamed.
Introduced new font size variables (x-small, small)
2024-02-26 16:54:58 -05:00
alistair3149 5e575f4c20
feat(core): use CSS variable to define default Citizen font 2023-12-15 15:07:43 -05:00
alistair3149 bdd986db89
fix(core): 🐛 hide pseudo elements instead of deleting them (pt2) 2023-12-15 15:03:13 -05:00
alistair3149 eee044d145
feat(core): use CSS variable for language-specific fonts 2023-12-13 17:09:57 -05:00
alistair3149 21f7cc4001
fix(toc): 🐛 incorrect breakpoints for ToC 2023-11-16 18:05:04 -05:00
alistair3149 60999eb1d9
feat(core): replace breakpoint LESS variables with Codex tokens
Codex tokens are a better implementation and this should ensure consistency across the MW ecosystem.
We have to keep a copy for now as they are introduced in 1.41.

Related: #735
2023-11-16 17:55:59 -05:00
alistair3149 92f069208e
feat(core): remove unnessecary style from siteSub 2023-11-03 05:32:55 -04:00
alistair3149 47d06bc139
feat(core): remove top margin from siteSub 2023-11-03 05:31:20 -04:00
AlιAѕѕaѕѕιN 456b75c1b1
fix(core): RTL flipping of the progressbar animation keyframe (#723) 2023-10-10 19:31:44 -04:00
alistair3149 a6a9fe27e4
fix(core): 🐛 stricter selector for collapsible header 2023-09-10 19:19:31 -04:00
alistair3149 2f40541bc4
feat(core): prefix citizen section classes 2023-09-10 19:00:52 -04:00
alistair3149 969f4f0d3d
feat(search): various tweaks to typeahead styles 2023-08-29 12:32:28 -07:00
alistair3149 1f0a2e5133
feat(search): reorganize DOM structure of the typeahead 2023-08-29 01:50:55 -07:00
alistair3149 cb02307cda
feat(search): only change search input font size for mobile Safari 2023-08-27 02:00:37 -07:00
alistair3149 96f6361851
feat(core): use quiet hover color for menu items 2023-08-25 17:03:38 -07:00
alistair3149 dc9f6f034c
feat(core): tweak more menu spacing 2023-08-22 14:02:50 -07:00
alistair3149 87886b39a0
fix(core): 🐛 only increase search input font size for mobile 2023-08-14 23:49:01 -04:00
alistair3149 07aa883195
fix(core): 🐛 increase search input font size to 1rem
Closes: #513
2023-08-14 23:48:09 -04:00
alistair3149 122819b67e
fix(core): 🐛 bump search input font size
It might fix #513 hopefully
2023-08-11 18:45:04 -04:00
alistair3149 c8ba546be8
feat(core): reduce space between section indicator and title 2023-08-07 17:20:40 -04:00
alistair3149 0afb40fc86
feat(core): adapt typography to user preferences
* Add reduced gradation for dark mode
* Bolder font for prefer high contrast
* Thinner font for prefer low contrast
2023-08-03 17:41:54 -04:00
alistair3149 ba5bea704e
style: 🎨 apply recess order to styles 2023-07-27 21:19:27 -04:00
alistair3149 65fe56d2ac
fix(core): 🐛 incorrect selector for menu backdrop styles 2023-07-27 20:31:04 -04:00
alistair3149 4e931f6812
fix(core): 🐛 add missing hover styles for source element in thumbnails 2023-07-24 15:37:38 -04:00
alistair3149 4f19de3b62
feat: add support for source element in thumbnails
In prepration of supporting Extension:PictureHtmlSupport
2023-07-24 15:36:22 -04:00
github-actions 9abdfe595e ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-07-23 18:18:57 +00:00
沈澄心 6e44db80ef
fix(MediaWiki): break down long filenames for broken files (#698)
* Update content.thumbnails-common.less

* Update content.media-common.less
2023-07-23 14:18:05 -04:00
沈澄心 f0f0a07121
feat(MediaWiki): update bad file styles for bad image list (#697)
* Update content.media-screen.less

* Update content.thumbnails-screen.less

* Update content.thumbnails-screen.less

* Update content.media-screen.less
2023-07-23 14:16:38 -04:00
沈澄心 69a6350de3
fix(VisualEditor): don't merge edit buttons when JS is disabled (#696) 2023-07-23 03:12:30 -04:00
github-actions 8bfa8b5e6a ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-07-20 22:18:16 +00:00
alistair3149 fab4d27273
feat(core): add overflow handling for citizen inner header 2023-07-20 18:17:14 -04:00
github-actions 099b239267 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-07-19 10:01:52 +00:00
alistair3149 c14889f8c0
feat(toc): remove background and color transition from top link
It is expensive and unnecessary
2023-07-19 06:01:04 -04:00
github-actions 9796560793 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-07-19 09:58:48 +00:00
alistair3149 2f64346c25
feat(core): add overlay transition to header menus 2023-07-19 05:57:55 -04:00
alistair3149 a6bc1a8d4b
feat(core): sync input styles with Codex and OOUI 2023-07-16 20:48:37 -04:00
alistair3149 f555f3c832
fix(core): 🐛 only apply hover style to wikitable tbody rows 2023-07-16 20:25:04 -04:00
alistair3149 739fa8504c
fix(core): 🐛 enter key should not clear search input
Use span instead of button element. As button element will make
enter key triggering the clear button.
2023-07-16 16:48:14 -04:00
alistair3149 85f036c2f8
feat(core): remove expensive CSS animation
Avoid paint and layout triggering transitions
2023-07-16 15:32:13 -04:00
alistair3149 0e42030d39
fix(core): 🐛 do not insert pseudo elements to input element
It is invalid and does not work in Firefox.

Closes: #689
2023-07-16 02:49:33 -04:00
alistair3149 7ea3b94d23
feat(core): tweak sitestats font size 2023-07-14 21:48:25 -04:00
alistair3149 703fac6294
feat(core): add overlay as affordnance to popup menus 2023-07-14 18:18:18 -04:00
alistair3149 7136c6e96e
fix(core): 🐛 incorrect spacing within page tools buttons 2023-07-11 01:50:19 -04:00
alistair3149 2bf20397e1
feat(core): use filter-invert CSS variable to flip color
This decouple the filter style from the  class.
Instead, filter-invert can be redefined if needed (e.g. :root.skin-citizen-dark)
2023-07-10 16:56:56 -04:00
alistair3149 6cddf85131
feat(search): add clear button to search box 2023-07-10 16:23:48 -04:00
alistair3149 d0b1b8982c
refactor(search): ♻️ simplify search box structure 2023-07-10 15:13:21 -04:00
alistair3149 25169379a9
fix(core): 🐛 do not underline footer places links 2023-07-07 21:04:22 -04:00
alistair3149 73ff64f7da
fix(mediawiki): 🐛 do not add external link icon to external interwiki 2023-07-07 20:54:27 -04:00
alistair3149 c7e45177cd
feat(core): update menu transition styles and implementation
Same as the previous commit, the transition is now accessible as a CSS variable (transition-menu)
2023-07-07 17:02:27 -04:00
alistair3149 a7f9c55c88
feat(core): update hover transition styles and implementation
The timing and easing function are defined separately than the property.
It is now accessible as a CSS variable (transition-hover)
2023-07-07 16:36:38 -04:00
alistair3149 6874f0a7e2
refactor(core): ♻️ unify Citizen menu styles 2023-07-07 15:26:31 -04:00
alistair3149 45c970e70b
feat(core): increase spacing between menus in drawer 2023-07-06 16:39:04 -04:00
alistair3149 6b1a7d1ece
feat(core): use medium font weight for menu links 2023-07-06 15:00:11 -04:00
alistair3149 462d1dd4ac
feat(core): use consistent spacing for menu elements 2023-07-06 00:55:42 -04:00
沈澄心 2891d042cc
fix(core): skin preference support for Safari on iOS < 12.2 (#680)
* Update skins.citizen.preferences.js

* Update skins.citizen.preferences.js

* Update inline.js

* Update SkinHooks.php

* Update skins.citizen.preferences.less

* Update variables.less

* Update theme.less

* Update theme.less

* Update skins.citizen.preferences.js

* Update skins.citizen.preferences.js

* Update skins.citizen.preferences.js

* Update skin.js
2023-07-03 08:48:41 -04:00
沈澄心 1cd993c664
fix(core): add webkit prefix for sticky to support Safari < 13 (#679)
* Update layout.less

* Update TableOfContents.less

* Update mixins.less

* Update ext.echo.special.less

* Update mediawiki.rcfilters.filters.ui.less

* Update README.md
2023-06-28 13:58:21 -04:00
沈澄心 32ffa7cc23
feat(core): update MediaWiki notification style (#673)
* Update variables.less

* Update cssvariables.less

* Update mediawiki.notification.less

* Update cssvariables.less

* Update variables.less

* Update mediawiki.notification.less

* Update mediawiki.notification.less

* Update mediawiki.notification.less

* Update theme.less
2023-06-26 15:25:12 -04:00
github-actions 94e55cf698 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-06-23 06:32:21 +00:00
沈澄心 1137a374d8
feat(core): add border to message boxes (#672)
* Update Header.php

* Clean up and ucfirst group member name

* Update theme.less

* Update interface-message-box.less

* Update interface-message-box.less

* Update theme.less

* Update interface-message-box.less

---------

Co-authored-by: alistair3149 <alistair3149@users.noreply.github.com>
2023-06-23 02:31:35 -04:00
沈澄心 a61746bf8e
fix(core): header icon position in older browsers (#670)
* Update Header.less

* Update skins.citizen.preferences.less

* Update Header.less

* Update Header.less
2023-06-22 13:49:26 -04:00
alistair3149 f74244ff46
fix(core): 🐛 force section indicator and heading to the start
Extensions like DisucssionTools might add unexpected element to the header.
This should fix the layout issue
2023-06-20 15:02:15 -04:00
沈澄心 914b81010e
fix(ooui): fix max-width of OOUI TextInputWidget (#666)
* Update mediawiki.special.search.styles.less

* Update hacks.less

* Update mediawiki.special.search.styles.less
2023-06-20 14:12:15 -04:00
alistair3149 434d2688fc
refactor(core): ♻️ less specific link underline selector 2023-06-15 14:37:07 -04:00
alistair3149 717d16af35
feat(core): display real name in user menu when exists
Closes: #652
Co-authored-by: SimonTaurus <simon.stier@gmx.de>
2023-06-09 21:34:55 -04:00
alistair3149 abe3359c82
refactor(core): simplify tagline separator selector 2023-06-08 16:06:31 -04:00
github-actions a928b278fa ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-06-08 20:04:36 +00:00
沈澄心 25d25e381b
feat(core): expand user page tagline and allow citizen-tagline to be parsed (#657)
* Add registration date to user tagline
* Add contribution link to edit count in user tagline
* Add gender to user tagline
* Allow `citizen-tagline` to be fully parsed

---------

Co-authored-by: alistair3149 <alistair3149@users.noreply.github.com>
2023-06-08 16:03:48 -04:00
沈澄心 e69160de2f
feat(WikiHiero): add WikiHiero color (#653)
Also update Math color

---------

Co-authored-by: alistair3149 <alistair3149@users.noreply.github.com>
2023-06-08 15:44:22 -04:00
沈澄心 90d69720f6
feat(core): underline content links on hover and focus (#659)
* Update elements.less

* Update elements.less

* Update content.less

* Update elements.less

* Update elements.less

---------

Co-authored-by: alistair3149 <alistair3149@users.noreply.github.com>
2023-06-08 15:30:00 -04:00
alistair3149 5c9498a08b
fix(core): 🐛 avoid page action menu overflow when title is too long
Fix: #648
2023-06-02 14:38:38 -04:00
github-actions 1a68ad1a87 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-06-01 23:08:38 +00:00
alistair3149 c0e0f28163
fix(core): 🐛 wrap indicator when needed
Fix: #635
2023-06-01 19:07:43 -04:00
alistair3149 8a618a6a9d
feat(core): update state background color
Switch to a semi-transparent color so it blends with the background.
Fix #639
2023-06-01 19:00:33 -04:00
github-actions b537776dab ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-06-01 22:48:25 +00:00
沈澄心 ba825daa9a
feat(core): update state text color (#642)
* Update variables.less

* Update cssvariables.less

* Update content.body.less

* Update mediawiki.special.changeslist.less

* Update mediawiki.special.changeslist.less

* Update ext.scribunto.edit.less

* Update ext.echo.ui.less

* Create mediawiki.interface.helpers.styles.less

* Update skin.json

* Update oojs-ui-core.less

* Update oojs-ui-core.less

* Update variables.less

* Update cssvariables.less

* Update variables.less

* Update mediawiki.special.changeslist.less

* Update cssvariables.less

* Update variables.less

* Update variables.less

* Update README.md

* Update README.md

* Update mediawiki.special.changeslist.less
2023-06-01 18:47:40 -04:00
沈澄心 d92fd77e54
fix(core): add webkit prefix to user-select property (#631)
* Update mixins.less

* Update Sections.less

* Update TableOfContents.less

* Update interface-edit-section-links.less

* Update mixins.less

* Update Sections.less

* Update TableOfContents.less

* Update interface-edit-section-links.less
2023-05-23 12:47:26 -04:00
沈澄心 efd02548a6
feat(Scribunto): add support for Scribunto debug console (#629)
* add support for Scribunto debug console

* Update ext.scribunto.edit.less

* Update README.md
2023-05-23 12:27:54 -04:00
alistair3149 d35b1a8eb5
fix(core): 🐛 incorrect max-width value 2023-05-09 17:04:16 -04:00
alistair3149 6c04fee280
feat(core): add basic scriptless responsive table support
This should also fix the issue where table are overflowing out to the toc
2023-05-09 17:03:50 -04:00
github-actions b0b91e55d3 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-05-07 20:29:45 +00:00
alistair3149 5ca0f030bc
fix(core): 🐛 add missing border between thead and tbody 2023-05-07 16:28:38 -04:00
alistair3149 801eb9a13b
fix(core): 🐛 add gap between footer icons under the same li 2023-05-06 18:07:21 -04:00
github-actions bedfa3a571 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-05-06 04:31:50 +00:00
alistair3149 838a7f5100
fix(core): 🐛 do not resize image in table
That seems to only happen with the new media format
2023-05-06 00:30:37 -04:00
alistair3149 35821b62ae
feat(core): more saturated base text color 2023-05-05 10:22:32 -04:00
github-actions 7e20e2d8da ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-05-02 04:03:32 +00:00
alistair3149 c2922f6ba2
feat(core): switch page-container to flex layout 2023-05-02 00:02:25 -04:00
github-actions 1f5f72ed15 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-04-30 23:55:44 +00:00
alistair3149 e45af9bbbe
feat(core): add scroll affordance to tables 2023-04-30 19:54:31 -04:00
alistair3149 8c888a7e1f
feat(core): make tables responsive without breaking table layout
Instead of a CSS solution used previously, switch to a JS solution to wrap tables.
This should ensure the table renders correctly and also scrollable.
This lays the groundwork for making table more user-friendly in the future.
2023-04-30 17:01:29 -04:00
github-actions 3ad4d62eef ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-04-14 17:30:33 +00:00
alistair3149 612382f567
fix(core): 🐛 avoid double spacing between notice and content 2023-04-14 13:29:15 -04:00
alistair3149 b47f2658c7
fix(core): 🐛 remove redundant override for image height
There is no need for important for image height.
This should also fix the issue where inline height are being overriden.
Fix: #605
2023-03-27 13:48:29 -04:00
alistair3149 68313123e9
feat(core): apply box-sizing: border-box by default 2023-03-01 16:08:07 -05:00
alistair3149 b8a1d9c224
refactor(search): ♻️ simplify typeahead styles 2023-03-01 15:27:43 -05:00
alistair3149 235a76c2bd
feat(core): add border to Citizen cards 2023-03-01 15:02:34 -05:00
github-actions 9e15415835 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-02-28 21:59:36 +00:00
alistair3149 19ddd61e19
feat(core): clean up print styles 2023-02-28 16:58:35 -05:00
alistair3149 ddb425c4bb
fix(core): 🐛 responsive thumbnail on new media structure 2023-02-22 15:12:06 -05:00
alistair3149 54c8717d45
refactor(core): ♻️ simplify menu header implementation 2023-02-22 14:47:32 -05:00
github-actions db4e6a3867 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-02-17 05:25:36 +00:00
alistair3149 8f4910153a
fix(core): 🐛 incorrect thumbnail center styles 2023-02-17 00:24:34 -05:00
alistair3149 65aff44e1c
Revert "feat(core): do not synthesize font styles through browser"
It is not ready for current usage yet, see #591
2023-02-16 23:30:14 -05:00
alistair3149 83f7fc5db2
feat(core): update font stacks 2023-02-16 13:00:10 -05:00
alistair3149 af41f98935
feat(core): use same font family instead of serif for blockquote
Since it is the only place that use serif, the serif variable is also removed
2023-02-16 12:13:21 -05:00
alistair3149 907206854b
feat(core): do not synthesize font styles through browser 2023-02-16 12:10:46 -05:00
alistair3149 3ec84349b1
feat(core): add support for user-interface-preferences menu
This should also fix the issue of ULS not showing up (#587, #425).
2023-02-15 18:38:02 -05:00
alistair3149 ef9ab2a537
refactor(core): ♻️ move components styles into folder 2023-01-31 15:04:06 -05:00
github-actions c4072978e4 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-01-31 20:02:13 +00:00
alistair3149 084a886866
refactor(core): ♻️ group contentheader styles 2023-01-31 15:01:03 -05:00
alistair3149 d14ddd99e6
refactor(core): ♻️ simplify page title implementation 2023-01-31 14:54:20 -05:00
alistair3149 7639110326
fix(search): 🐛 overlay should not cover search box 2023-01-27 14:19:32 -05:00
alistair3149 ee4a7eda4f
refactor(core): ♻️ rename mw-checkbox-hack class to citizen-menu-checkbox 2023-01-25 20:25:40 -05:00
alistair3149 afcf37d529
fix(core): 🐛 checkboxHack buttons should be focusable
So that users can use keyboard to navigate to such button.
Previously they all have a display:none property, which makes it
impossible to reach with keyboard
2023-01-25 20:20:46 -05:00
alistair3149 5ebd7ad025
feat(core): remove plainlist styles
It should not be a part of the skin as it belongs to a template
2023-01-23 00:17:32 -05:00
alistair3149 aeb8e160cf
fix(core): 🐛 increase mw-body-header z-index
This should allow modals in mw-body-header to be higher than
the custom sticky headers
2023-01-17 16:44:35 -05:00
alistair3149 5023f2aa64
feat(toc): add bottom margin to sticky toc 2023-01-12 15:58:40 -05:00
alistair3149 023ee9427a
feat(core): more colorful emphasized text color 2022-12-20 21:50:49 -08:00
alistair3149 985ecb2aa1
feat(core): tweak content sub spacing 2022-12-20 14:06:07 -08:00
github-actions 982407d454 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-12-20 21:36:13 +00:00
alistair3149 aa13b58194
fix(core): missing style for the previous commit 2022-12-20 13:34:59 -08:00
github-actions 6cfd8cb809 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-12-20 20:54:59 +00:00
alistair3149 0051115ce0
feat(core): always truncate sticky header first heading
That would keep the sticky first header to always be one line, also solves #559
2022-12-20 12:53:43 -08:00
alistair3149 3414d59643
feat(core): dynamic dark theme color based on primary hue 2022-12-14 14:06:06 -05:00
alistair3149 37cdf91257
feat(core): deprecate background-color-framed and input
background-color-framed can be replaced with color-surface-2 most of the time.
input is not used.
They are both deprecated in favor of the simpler color-surface system
2022-12-14 12:56:17 -05:00
alistair3149 b262f47404
refactor(core): ♻️ remove unused table style 2022-12-14 12:32:30 -05:00
alistair3149 224c190a47
feat(core): do not set fieldset font size 2022-12-13 16:51:49 -05:00
alistair3149 7a59e9c2d7
fix(core): 🐛 do not use CSS containment for body content
Because it breaks fixed layout originated from the content area
2022-12-12 20:11:47 -05:00
alistair3149 0187478d1a
feat(core): do not hardcode min-width for page tools menu 2022-12-11 18:33:12 -05:00
alistair3149 685a3ad1c4
refactor(core): ♻️ reduce the number of RL modules
It will improve the performance in module registration and also caching
2022-12-09 14:48:17 -05:00
alistair3149 3d1ca8b2ad
feat(core): reduce the click event delay on touch devices 2022-12-08 13:51:22 -05:00
alistair3149 f3ee780f8c
feat(core): add rounded corner to mw-message-box 2022-12-08 13:39:00 -05:00
alistair3149 9d7c3070e5
fix(search): 🐛 overlay should be visible on mobile 2022-12-08 13:27:41 -05:00
alistair3149 71d89bc935
fix(core): 🐛 page tool menu should not overflow right (#555) 2022-12-07 14:34:22 -05:00
github-actions c8f06a8e75 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-12-06 21:58:01 +00:00
alistair3149 a1b2f7f184
fix(core): 🐛 sticky header flickering 2022-12-06 16:57:22 -05:00
alistair3149 77bba6f232
perf(core): ️ use will-change for card transitions 2022-12-06 15:46:14 -05:00
github-actions 9187a9bf45 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-12-06 20:30:42 +00:00
alistair3149 ca41b42aec
perf(core): ️ add CSS containment to suitable elements 2022-12-06 15:29:49 -05:00
alistair3149 75ab097ba1
feat(core): update MW datatable styles 2022-12-06 15:06:22 -05:00
alistair3149 22e1324a80
feat(core): do not hardcode footer wordmark size
It should respect the size set in localsettings under wgLogos
2022-12-03 22:50:30 -05:00
alistair3149 4293021d5c
feat(search): clean up redirect text implementation 2022-12-03 14:12:01 -05:00
alistair3149 7bfec28ef2
feat(core): add site logo to header 2022-12-03 12:39:33 -05:00
alistair3149 3d0ff75249
feat(core): center align searchbox
Precursor to make search center of the experience
2022-12-02 22:18:29 -05:00
alistair3149 2a8129ec93
feat(core): add active states to header buttons 2022-12-02 22:17:14 -05:00
alistair3149 1939850369
feat(core): allow multiple search components on the same page
This will allow the search suggestion to hook up to multiple search
boxes with `.citizen-search-box` as container. Do note that the default
Citizen suggestion is hardcoded for the primary search, so it only
works for the old core search suggestion module.

This is also a prereq for implementing the Codex search like the one
from Vector.
2022-12-02 17:35:23 -05:00
alistair3149 ca7dd9fe86
feat(ooui): redo OOUI styles 2022-11-30 21:42:28 -05:00
alistair3149 f64f1a2d5e
fix(core): 🐛 input focus state should use hover background color 2022-11-30 16:10:48 -05:00
alistair3149 f041b2cbea
feat(core): only apply letter spacing to text field labels 2022-11-26 17:59:03 -05:00
github-actions c634a934bd ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-11-26 08:41:34 +00:00
alistair3149 bf9a4850f6
feat(core): add underglow to progress indicator 2022-11-26 03:40:43 -05:00
alistair3149 b182872ea7
fix(core): 🐛 incorrect height for page action button 2022-11-24 21:19:14 -05:00
alistair3149 3fb66b38b2
feat(core): add hover states to editsection links 2022-11-24 21:14:51 -05:00
alistair3149 be7139968e
feat(typography): add bottom margin to headings 2022-11-24 20:21:36 -05:00
alistair3149 467cf85be4
feat(core): unify sticky header styles 2022-11-24 20:15:13 -05:00
alistair3149 5e14891088
feat(typography): add label styles 2022-11-23 20:52:44 -05:00
alistair3149 41dd999f5a
fix(core): 🐛 content should not collaspe margin 2022-11-23 18:50:08 -05:00
alistair3149 bfcd43ce11
feat(core): right align language badge 2022-11-23 18:38:31 -05:00
alistair3149 027e298e1e
feat(typography): do not change GRAD axis
It seems that browsers don't have a standard for GRAD.
Sometimes it is too thin  and sometimes it is too thick
2022-11-23 18:37:00 -05:00
alistair3149 069f442d57
feat(core): tweak page actions styles 2022-11-23 14:47:38 -05:00
alistair3149 baab7e17a8
feat(core): tweak content footer styles 2022-11-23 14:47:14 -05:00
alistair3149 b775a7e88a
refactor(core): ♻️ remove unnessecary margin 2022-11-23 14:15:07 -05:00
alistair3149 71a7945a71
fix(core): incorrect letter case in file name 2022-11-22 11:47:46 -05:00
alistair3149 53cfa8714e
fix(core): 🐛 missing page tool background styles 2022-11-21 19:13:41 -05:00
alistair3149 ead296c46d
feat(core): reduce space between page header and tools 2022-11-21 19:05:38 -05:00
alistair3149 7ffe7fdb79
refactor(core): ♻️ remove redundant patrollink styles 2022-11-21 17:47:30 -05:00
alistair3149 976d5ec42a
feat(core): darker border for broken thumbnail 2022-11-21 17:47:28 -05:00
alistair3149 4bdad41f8a
feat(core): add Parsoid media styles 2022-11-21 17:47:27 -05:00
alistair3149 8eebf6806d
feat(core): revamp thumbnail styles 2022-11-21 17:47:25 -05:00
alistair3149 7b33d7e2f1
feat(core): responsive page padding 2022-11-21 17:47:14 -05:00
alistair3149 d8b2c73e6e
refactor(core): ♻️ only use padding-page when nessecary 2022-11-21 17:47:13 -05:00
alistair3149 9eda536420
refactor(core): ♻️ clean up legacy LESS variables 2022-11-21 17:47:11 -05:00
alistair3149 85e69f5a6b
refactor(core): ♻️ deprecate old font variables 2022-11-21 17:47:09 -05:00
github-actions 8e5daddb9c
ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-11-21 17:47:08 -05:00
alistair3149 f250668012
fix(toc): 🐛 toc popup should be higher in z-index 2022-11-21 17:47:06 -05:00
alistair3149 ab1981d24b
feat(core): migrate VE editsection to WMUI icon module 2022-11-21 17:47:00 -05:00
alistair3149 e66c4de046
feat(core): combine content footer line height 2022-11-21 17:46:52 -05:00
alistair3149 c3652a0e9e
feat(core): add messagebox styles 2022-11-21 17:46:47 -05:00
alistair3149 f611ac9eef
feat(typography): same font weight for strong and bold 2022-11-21 17:46:46 -05:00
alistair3149 20d8d0d0d4
feat(core): clean up elements styles 2022-11-21 17:46:44 -05:00
alistair3149 0268c2d158
feat(core): external link icon spacing should be relative 2022-11-21 17:46:43 -05:00
alistair3149 989bb7a901
refactor(core): ♻️ use spacing token 2022-11-21 17:46:41 -05:00
alistair3149 0e4cf89ad8
fix(core): 🐛 add missing external link hover state 2022-11-21 17:46:40 -05:00
alistair3149 85f5b42ec1
feat(core): align th to the start 2022-11-21 17:46:38 -05:00
alistair3149 2d5246a8a6
feat(core): update wikitable styles
When the wikitable style is first implemented, it didn't take consideration
of different usage out there. For example, it doesn't work well with complex
table or table cell background. This should make it more usable for wikis
out there.
2022-11-21 17:46:37 -05:00
alistair3149 2e9f9067af
feat(core): update edit section styles 2022-11-21 17:46:35 -05:00
alistair3149 2c2b75f44f
feat(core): clean up site notice styles 2022-11-21 17:46:34 -05:00
alistair3149 74fe35e31a
feat(core): clean up subtitle styles 2022-11-21 17:46:32 -05:00
alistair3149 d238e932a1
feat(core): add pill and circle border radius variables 2022-11-21 17:46:31 -05:00
alistair3149 6bc611adcd
feat(core): update catlinks styles 2022-11-21 17:46:29 -05:00
alistair3149 0c4562f235
feat(core): update list styles 2022-11-21 17:46:27 -05:00
alistair3149 be11883f3d
refactor(core): ♻️ move external link styles to skinning folder 2022-11-21 17:46:26 -05:00
alistair3149 da3b3e4228
refactor(core): ♻️ remove styles covered by interface-core 2022-11-21 17:46:23 -05:00
alistair3149 6ac8bfb646
refactor(core): ♻️ use mediawiki.skinning.content.links in core 2022-11-21 17:46:18 -05:00
alistair3149 67535a8067
refactor(core): ♻️ use mediawiki.skinning.content.body in core 2022-11-21 17:46:16 -05:00
alistair3149 c65f0151da
feat(toc): move ToC together when user scrolls down 2022-11-21 17:46:10 -05:00
alistair3149 6b13da3318
feat(core): hide navigation on scroll down 2022-11-21 17:46:09 -05:00
alistair3149 a1c5ec782a
feat(core): tweak sticky header styles 2022-11-21 17:45:38 -05:00
alistair3149 8af7357f06
feat(core): update external link styles 2022-11-21 17:44:45 -05:00
alistair3149 35ee8619cb
feat(core): responsive heading font sizes 2022-11-21 17:43:20 -05:00
alistair3149 68c199d1e9
refactor(core): ♻️ handle VE merged edit buttons better 2022-11-21 17:43:16 -05:00
alistair3149 95a9b4566c
feat(core): tweak drawer menu icon size 2022-11-21 17:43:14 -05:00
alistair3149 efac6f125a
feat(core): migrate sidebar menus to use RL icon module 2022-11-21 17:43:05 -05:00
alistair3149 7cff9e678b
feat(core): migrate ToC icon to use RL icon module 2022-11-21 17:43:04 -05:00
alistair3149 2d014694a6
feat(core): migrate misc icons to use RIL icon module 2022-11-21 17:43:03 -05:00
alistair3149 6e3727f8f3
feat(core): remove icons from navigation menu
It is weird that there are only a few links with icon.
Removing it temporarily until we have a better solution to apply icon to everything
2022-11-21 17:43:01 -05:00
alistair3149 dc77ae47bd
feat(core): migrate searchbox to use RL icon module 2022-11-21 17:43:00 -05:00
alistair3149 28e343867d
refactor(core): ♻️ remove unused siteinfo styles
It is no longer present in the skin
2022-11-21 17:42:55 -05:00
alistair3149 b8ca3f8d72
feat(core): migrate views menu to use RL icon module 2022-11-21 17:42:54 -05:00
alistair3149 a2d0d31d2a
feat(core): migrate associated pages menu to use RL icon module 2022-11-21 17:42:52 -05:00
alistair3149 e1ebf8405f
refactor(core): ♻️ clean up page actions icons syntax 2022-11-21 17:42:51 -05:00
alistair3149 ed4990f6c7
refactor(core): ♻️ remove unused icons 2022-11-21 17:42:49 -05:00
alistair3149 ea68ce0d25
feat(core): migrate user menu to use RL icon module 2022-11-21 17:42:46 -05:00
alistair3149 f2d1ab3d23
feat(core): migrate user menu to use RL icon module 2022-11-21 17:42:45 -05:00
alistair3149 fd40b1b855
feat(core): more granular spacing units 2022-11-21 17:42:43 -05:00
alistair3149 a584655230
fix(core): 🐛 avoid grid content overflow 2022-11-21 17:42:40 -05:00
alistair3149 fc33142e64
refactor(core): ♻️ remove overflow rules since it does not work with sticky 2022-11-21 17:42:39 -05:00
alistair3149 6ce7247616
feat(core): use relative spacing for caption styles 2022-11-21 17:42:37 -05:00
alistair3149 07d39c17dc
feat(font): use GRAD instead of font-weight to adjust contrast
font-weight have the issue of changing the width of text, while GRAD does not
2022-11-21 17:42:34 -05:00
alistair3149 034d5c4b02
feat(core): standardize line height 2022-11-21 17:42:33 -05:00
alistair3149 8dcb1f37fb
refactor(core): ♻️ replace reducemotion with core accessiblity module 2022-11-21 17:42:30 -05:00
alistair3149 969cd787d6
feat(core): use different font weight in different themes
The same font weight do not provide the same contrast in different themes.
We should be able to change the scaling
2022-11-21 17:42:26 -05:00
github-actions bc57222ce6
ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-11-21 17:42:23 -05:00
alistair3149 ceaf3ed844
feat(core): tweak responsive layout 2022-11-21 17:42:22 -05:00
alistair3149 c03308ad59
feat(core): style namespace differently in page title
Thanks to T306440, it is finally possible without parsing the title
2022-11-21 17:42:14 -05:00
alistair3149 80d3a0acbc
feat(core): tweak layout spacing 2022-11-21 17:42:09 -05:00
alistair3149 c15c1592e3
feat(core): smoother transition for ToC toggle states 2022-11-21 17:42:07 -05:00
alistair3149 a1ce408e43
feat(core): re-implement responsive toc 2022-11-21 17:42:05 -05:00
alistair3149 1730a8ff99
feat(core): pre-work for ToC checkbox hack 2022-11-21 17:42:03 -05:00
alistair3149 d827c2ea12
fix(core): 🐛 add missing layout padding 2022-11-21 17:42:01 -05:00
github-actions a703726d1e
ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-11-21 17:41:59 -05:00
alistair3149 48173b6eb8
feat(core): add icon to back to top link 2022-11-21 17:41:58 -05:00
alistair3149 bc1dd38a12
feat(core): add back to top link to toc 2022-11-21 17:41:56 -05:00
alistair3149 39e04665e3
feat(core): center align page tools 2022-11-21 17:41:54 -05:00
alistair3149 ab7b9ba17d
feat(core): tweak sticky header transition 2022-11-21 17:41:52 -05:00
alistair3149 73fa96757a
fix(core): 🐛 toc indicator clipping 2022-11-21 17:41:50 -05:00
alistair3149 2bf1c27d46
chore(ci): 🔧 👷 remove unnessecary stylelint declarations 2022-11-21 17:41:49 -05:00
alistair3149 427d6a41e1
feat(core): update ToC styles 2022-11-21 17:41:47 -05:00
alistair3149 622f368d1e
feat(core): add desktop styles for toc 2022-11-21 17:41:45 -05:00
alistair3149 b0ed5fd14e
refactor(core): ♻️ simplify body grid handling 2022-11-21 17:41:43 -05:00
alistair3149 8793a243c3
feat(core): rewrite body layout into flex and grid 2022-11-21 17:41:42 -05:00
alistair3149 3eaeaa15f7
refactor(core): ♻️ pre-work to allow Citizen to render ToC 2022-11-21 17:41:40 -05:00
alistair3149 6ab486b82e
feat(core): add styles for temp user in user menu 2022-11-21 17:41:33 -05:00