alistair3149
8ac332a8c0
fix(pref): 🐛 only apply transition to transform property
2024-10-19 01:00:21 -04:00
alistair3149
bb9ed449f6
feat(core): ✨ improve and clean up various CSS transitions
2024-10-19 00:48:20 -04:00
alistair3149
325c26fe4a
fix(prefs): 🐛 fix incorrect option spacing
2024-10-03 18:56:48 -04:00
alistair3149
1fefddd41a
feat(core): ✨ implement Codex border-width tokens
2024-07-15 02:07:25 -04:00
alistair3149
f0d1176f2a
feat(pref): ✨ add clientpref to disable auto-hide navigation
...
Closes #841
2024-07-10 13:59:03 -04:00
alistair3149
b5180bfbda
feat(core): ✨ use Codex tokens for z-index
2024-07-09 16:44: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
alistair3149
e95d3d39bd
perf(core): ⚡ ️ consolidate citizen-menu card shared styles
2024-05-27 22:47:46 -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
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
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
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
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
沈澄心
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
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
alistair3149
eadaef7a0a
refactor(core): ♻️ clean up header card mixins and var
2022-09-30 16:52:13 -04:00
alistair3149
6de95d4fec
feat(core): redesign site header ( #521 )
...
Change header into vertical header for large screen and bottom header for small screen.
2022-09-29 19:12:56 -04:00
github-actions
0d63257e86
ci: lint code to MediaWiki standards
...
Check commit and GitHub actions for more details
2022-09-28 21:02:56 +00:00
alistair3149
ea875234be
feat(core): use keywords for transform origin
...
This would allow CSSJanus to flip the styles correctly for RTL
2022-05-20 16:07:44 -04:00
alistair3149
b02948837c
refactor(core): do not use h3 for preference card header
2022-05-18 21:37:27 -04:00
alistair3149
d39deb157c
feat(core): make range indicator text smaller
2022-05-10 22:22:31 -04:00
alistair3149
1186bdf102
feat(core): update preferences menu behavior
...
* Adjust font size slider range, it starts at 80% and ends at 180%
* Font size is always shown in percentage now
* Better handling of initial font size, it should now detect browser or site default correctly
* Use relative units
* Tweak styles
2022-05-10 21:45:30 -04:00
alistair3149
9a28bccd64
refactor(core): partial cleanup of header preferences
...
This is a part of the header refactor
* Use styles provided by header
* Clean up header-related HTML classes
2022-05-10 13:39:58 -04:00
alistair3149
ca59b097ba
refactor(core): merge duplicating mixins together
2022-05-01 22:53:41 -04:00
alistair3149
e6a9bd38f1
feat(core): add animation to preferences menu
2022-05-01 22:36:14 -04:00
alistair3149
56a869b3d9
refactor(core): clean up transition variable names
2022-05-01 19:14:17 -04:00
alistair3149
96013bb126
feat: deprecate --background-color-dp-XX in favor of --color-surface-X
...
--background-color-dp-XX is now fully deprecated in favor of a simpler 4 color surface system. It can be accessed through the --color-surface-X CSS var.
2022-04-25 22:27:52 -04:00
alistair3149
47e1259bc3
feat: implement a more adaptive smooth shadow
...
* Looks more natural
* Can be customized through the surface-shadow and shadow-strength CSS var
* Light mode and dark mode have been different shadow now, it should be more visible in dark mode
* Box-shadow is a CSS var, which can be used in templates and wiki CSS
2022-04-24 15:24:09 -04:00
