Commit graph

820 commits

Author SHA1 Message Date
alistair3149 86ef5ef06d
feat(cssVar): add --color-inverted-primary for text color above primary color 2024-06-10 19:47:49 -04:00
alistair3149 0a8c49a573
fix(skinning): 🐛 incorrect margin value for floating thumbnail 2024-06-10 16:18:06 -04:00
alistair3149 3d146b2374
refactor(cssVar): ♻️ introduce color-inverted 2024-06-05 18:54:54 -04:00
alistair3149 d8b3cad225
perf(core): ️ do not use will-change 2024-06-01 15:36:48 -04:00
github-actions 5fbf8bf938 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-06-01 19:35:16 +00:00
alistair3149 151e51da2f
fix(search): 🐛 opening search card should not play animation on mobile 2024-06-01 15:34:14 -04:00
alistair3149 6108fccc31
refactor(menu): ♻️ remove unused checkbox hack styles 2024-06-01 15:29:12 -04:00
alistair3149 87513459c4
fix(core): 🐛 hide Safari details marker 2024-05-31 03:28:52 -04:00
alistair3149 d0691a06d0
feat(core): add dismiss affordnance to dropdown menus 2024-05-30 16:20:03 -04:00
alistair3149 a2d3159def
feat(core): replace checkbox hack with details and summary
Note that ToC is still using the old checkbox hack, it will be replaced in a later time.
Related: T333394
2024-05-30 02:20:13 -04:00
alistair3149 83ab221408
feat(core): only handle wikitable instead of all tables
Wikis use tables in creative ways and it is probably just safer to only apply it to wikitables.
Might revisit if there are any news from T330527.
2024-05-29 17:47:13 -04:00
alistair3149 87f15ddd6d
fix(core): 🐛 incorrect selector to disable search card animation on mobile 2024-05-29 14:06:58 -04:00
alistair3149 c40c7c7b84
feat(core): destructure surface colors into hsl variables 2024-05-28 13:59:07 -04:00
alistair3149 621adff9fc
fix(core): 🐛 incorrect classes and styles for page action cards 2024-05-28 02:12:50 -04:00
alistair3149 87a8bf256e
refactor(core): ♻️ various cleanup 2024-05-27 23:18:13 -04:00
alistair3149 2d10199b27
refactor(core): ♻️ remove redundant selector 2024-05-27 23:00:28 -04:00
alistair3149 e95d3d39bd
perf(core): ️ consolidate citizen-menu card shared styles 2024-05-27 22:47:46 -04:00
alistair3149 c3943ca7cf
feat(core): change overflow gradient to fixed size 2024-05-27 17:53:55 -04:00
github-actions 3cd8d20d1d ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-05-27 20:11:41 +00:00
alistair3149 cb1cfde785
fix(core): 🐛 remove table border expansion before the JS is loaded 2024-05-27 16:10:25 -04:00
alistair3149 593c6406fb
refactor(core): ♻️ simplify section handling 2024-05-21 18:46:19 -04:00
alistair3149 a405d64616
refactor(core): ♻️ various performance and style improvements 2024-05-21 18:08:28 -04:00
alistair3149 c09b82cb07
fix(core): Rename Usermenu.less to UserMenu.less 2024-05-15 02:02:48 -04:00
alistair3149 a193d14de7
feat(core): tweak dark theme color to be darker 2024-05-15 01:31:23 -04:00
alistair3149 03da361b97
feat(components): rewrite template data partials into CitizenComponent components (#846)
- Refactor existing template data-related partials into CitizenComponent components
- Re-implement user menu header as UserInfo
- Add description text for anon and temp user in UserMenu
---------

Co-authored-by: github-actions <github-actions@users.noreply.github.com>
2024-05-15 01:24:43 -04:00
alistair3149 604ee851d6
fix(core): 🐛 add missing styles for user menu
Seems to be broken by the citizen-menu styles refactor.
This fix is temporary since the user menu will be refactored soon.
2024-05-09 15:54:50 -04:00
alistair3149 4c6ae1e74d
refactor(core): ♻️ wrap menu list in container 2024-05-09 14:38:07 -04:00
alistair3149 ed54bbfc33
fix(core): 🐛 hide sidebar lastmod on tablet
It is duplicated with footer
2024-05-08 15:36:04 -04:00
alistair3149 89b5ff1b12
feat(core): add last modified to sidebar 2024-05-08 15:30:36 -04:00
alistair3149 4f7e3a4e14
refactor(core): ♻️ clean up various menu styles 2024-05-07 22:21:24 -04:00
alistair3149 0aa617262e
feat(core): simplify toc styles 2024-05-07 21:48:22 -04:00
alistair3149 9da91018ab
refactor(core): ♻️ wrap ToC inside citizen-body-sidebar 2024-05-07 21:29:16 -04:00
github-actions 8c6cb3525c ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-05-07 22:58:15 +00:00
alistair3149 226fd0a606
feat(core): tweak black theme color 2024-05-07 18:57:25 -04:00
alistair3149 76a93e962f
fix(Echo): 🐛 re-implement nojs Echo buttons 2024-05-06 15:28:56 -04:00
alistair3149 de315b2e1d
refactor(core): ♻️ simplify heading icon styles 2024-05-06 14:14:28 -04:00
alistair3149 58bab74eab
feat(core): switch all icons to OOUI module
Custom icons are no longer needed. This should reduce
an extra ResourceLoader module registration.
2024-05-06 13:48:41 -04:00
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