Commit graph

87 commits

Author SHA1 Message Date
alistair3149 b5180bfbda
feat(core): use Codex tokens for z-index 2024-07-09 16:44:15 -04:00
alistair3149 a4593d7dd3
fix(dropdown): 🐛 use both touchstart and mousedown event listener for click outside event
On iOS devices, click event listeners don't work when the target does not have cursor: pointer.
This should resolve the issue for iOS browsers.

Related: #895
2024-07-08 15:54:15 -04:00
alistair3149 00b2495c1a
feat(core): use px for border-radius
- Move border radius calculation to CSS variable instead of LESS
- Rename CSS variable according to Codex, soft-deprecating the existing border radius
2024-07-05 13:24:31 -04:00
alistair3149 66e7282acc
fix(preferences): 🐛 incorrect active button color 2024-06-30 20:49:15 -04:00
alistair3149 0fdc7c4ad7
feat(core): convert some CSS variables into Codex equivalent part 2
Also fix various inconsistencies with quiet buttons
2024-06-30 20:41:31 -04:00
alistair3149 5d3ecd9edd
feat(core): convert some CSS variables into Codex equivalent
This is an on-going work to adapt Codex into Citizen.
Some of the CSS variables are soft depreciated, see tokens.less for updated info.
2024-06-30 01:04:30 -04:00
github-actions 26076514c1 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-06-07 19:01:54 +00:00
alistair3149 a8daa82354
fix(core): 🐛 avoid using core mw.util.addPortlet for now
Seems to break in 1.41, will look into it later
2024-05-29 20:21:55 -04:00
alistair3149 e95d3d39bd
perf(core): ️ consolidate citizen-menu card shared styles 2024-05-27 22:47:46 -04:00
alistair3149 3d2ec5300c
refactor(pref): ♻️ clean up pref code 2024-05-21 23:30:54 -04:00
alistair3149 99fe5f970e
fix(prefs): 🐛 incorrect function call for addPortlet
Closes: #832
2024-04-27 21:07:45 -04:00
alistair3149 59fc003294
fix(core): 🐛 apply addDefaultPortlets separately 2024-04-27 20:59:57 -04:00
alistair3149 4bc4301f90
fix(prefs): 🐛 incorrect function call for addPortlet
Closes: #832
2024-04-27 18:02:23 -04:00
alistair3149 9b66b82e48
refactor(prefs): ♻️ drop mustache in favor of pure JS 2024-04-25 18:05:57 -04:00
alistair3149 f6f1c4d1c4
feat(prefs): move font size before theme 2024-04-25 17:55:00 -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 964a4a534d
feat(prefs): remove line-height customization for now
Will be re-implemented later
2024-04-25 17:22:27 -04:00
alistair3149 0d52046523
feat(prefs): migrate font size to client preferences 2024-04-25 17:06:09 -04:00
alistair3149 316798dd57
feat(prefs): change theme toggle to 3 col 2024-04-25 16:24:18 -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
alistair3149 173f093a07
docs: 📚️ add documentation on modifications on clientPreferences.js 2024-04-25 14:47:47 -04:00
github-actions 53ba8747ad ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-25 18:22:19 +00:00
alistair3149 07aedfea91
refactor(core): ♻️ do not use 'skin-theme-' message keys
It causes issues with translatewiki because of a conflict with Vector.
And those messages are not stable (T359983, T361157)
2024-04-25 14:21:56 -04:00
alistair3149 b929c2b7eb
feat(prefs): add hover state to theme buttons 2024-04-24 20:31:16 -04:00
alistair3149 a741639085
feat(core): move theme preferences to clientPrefs
Since clientPrefs and other related features are not avaliable until MW 1.42,
many of them are backported as polyfill. Instead of using cookies, the polyfill
are using localStorage only like Citizen in the past.

There are many changes behind the scene, but the most important one being that
`skin-citizen-*` theme classes are now soft-deprecated, and replaced by the
standardized `skin-theme-clientpref-*` classes. There will be sufficient
time before the hard deprecation.

Related: #780
2024-04-24 20:23:54 -04:00
alistair3149 3093510fae
refactor(preferences): ♻️ use mw.storage instead of localStorage 2024-04-24 00:25:09 -04:00
alistair3149 ed226a400e
feat(preferences): implement a localStorage version of mw.user.clientPrefs
This is the first step of migrating to the clientPrefs library when it is avaliable.
Currently only themes are using it and the standard classes are added to the HTML element.

Related: #780
2024-04-24 00:21:36 -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 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 ba5bea704e
style: 🎨 apply recess order to styles 2023-07-27 21:19:27 -04:00
alistair3149 6cddf85131
feat(search): add clear button to search box 2023-07-10 16:23:48 -04:00
alistair3149 4ef5376cab
refactor(core): ♻️ clean up various eslint errors 2023-07-07 18:00:14 -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 462d1dd4ac
feat(core): use consistent spacing for menu elements 2023-07-06 00:55:42 -04:00
github-actions 00f252ae26 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-07-03 12:49:36 +00: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
沈澄心 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
沈澄心 89a9957cd4
refactor(core): avoid using ES2020+ methods (#669)
Replace ??, ?., and replaceChildren() for better compatibility; hide pref panel in unsupported browsers 

* 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

* Update sections.js

* Update tableOfContents.js

* Update mwRestApi.js

* Update mwRestApi.js

* Update skins.citizen.preferences.js

* Update mwActionApi.js

* Update typeahead.js
2023-06-21 14:30:45 -04:00
github-actions 5ad7e34c25 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-05-23 16:26:20 +00:00
沈澄心 b43da4d81e
fix(preferences): incorrect preferences icon position on Chrome 81 2023-05-23 12:25:14 -04:00
alistair3149 68313123e9
feat(core): apply box-sizing: border-box by default 2023-03-01 16:08:07 -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 3414d59643
feat(core): dynamic dark theme color based on primary hue 2022-12-14 14:06:06 -05:00
alistair3149 5e14891088
feat(typography): add label styles 2022-11-23 20:52:44 -05:00
alistair3149 2d014694a6
feat(core): migrate misc icons to use RIL icon module 2022-11-21 17:43:03 -05:00
alistair3149 6ce7247616
feat(core): use relative spacing for caption styles 2022-11-21 17:42:37 -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