alistair3149
442c272cab
feat(wikitable): ✨ use box-shadow instead of border hacks to build table border
2024-07-07 01:51:22 -04:00
alistair3149
ba62b92e29
feat(core): ✨ theme and unify text selection color using progressive colors
2024-07-06 17:53:56 -04:00
alistair3149
b53381ed12
feat(pref): ✨ extend font-size adjustments to all text
...
- Move font size calucation from LESS to CSS variables
- Move font size variables to tokens.less
2024-07-05 13:40:39 -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
add781a4a1
feat(core): ✨ use text-wrap pretty for blockquote elements
...
Note that this is still in editor draft and only works for Chromium browser
2024-07-04 15:17:09 -04:00
alistair3149
5b0bb4c209
refactor(core): ♻️ use new sr-only rules instead of relying on core
...
Core mixins are very conservative in comparsion and mixins are changed from time to time.
It is more maintainable to maintain our own sr-only styles.
2024-07-03 14:41:14 -04:00
alistair3149
1bce8921d0
fix(core): 🐛 remove smooth scrolling for body
...
Often on long pages, smooth scrolling is causing unexpected behaviors and performance issues. For example, it refuses to scroll to the target, or triggers lazyloaded content when not needed.
Fixes : #883
2024-07-03 03:03:20 -04:00
alistair3149
931e94da43
chore(dev): 🔧 disable plugin/no-unsupported-browser-features in Stylelint
...
It is very conservative and it is negatively affecting the performance of Stylelint.
Disabling it for now.
2024-07-02 19:29:37 -04:00
alistair3149
7c9eadb662
feat(core): ✨ convert some CSS variables into Codex equivalent part 3
2024-07-01 00:16:15 -04:00
alistair3149
ff0a6ed710
feat(core): ✨ clean up state colors
2024-07-01 00:04:36 -04:00
alistair3149
c21a908c12
feat(core): ✨ set new link color to color-destructive
2024-06-30 20:49:50 -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
f0de4f4c5b
feat(overflow): ✨ use CSS variable for overflow gradient size
...
This will allow the gradient to be adjustable through CSS
2024-06-27 18:15:32 -04:00
alistair3149
c47531a28b
feat(wordmark): ✨ implement wordmark in drawer
...
Also simplify existing styles for wordmark
2024-06-24 14:05:21 -04:00
alistair3149
5bc18b5f4a
feat(core): ✨ hide the text from the help indicator
2024-06-14 13:12:30 -04:00
alistair3149
e064de2402
refactor(cssVar): ♻️ replace all filter rules with CSS variables
2024-06-14 12:24:02 -04:00
alistair3149
86ef5ef06d
feat(cssVar): ✨ add --color-inverted-primary for text color above primary color
2024-06-10 19:47:49 -04:00
alistair3149
3d146b2374
refactor(cssVar): ♻️ introduce color-inverted
2024-06-05 18:54:54 -04:00
alistair3149
c40c7c7b84
feat(core): ✨ destructure surface colors into hsl variables
2024-05-28 13:59:07 -04:00
alistair3149
a405d64616
refactor(core): ♻️ various performance and style improvements
2024-05-21 18:08:28 -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
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
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
efa27a59c6
feat(core): ✨ increase border color contrast in dark mode
2024-05-03 17:21:40 -04: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
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
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
alistair3149
11566de6b6
style(css): 🎨 re-apply stylelint fixes
2024-04-16 01:28:45 -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
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
eee044d145
feat(core): ✨ use CSS variable for language-specific fonts
2023-12-13 17:09:57 -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
AlιAѕѕaѕѕιN
456b75c1b1
fix(core): RTL flipping of the progressbar animation keyframe ( #723 )
2023-10-10 19:31:44 -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
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
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
a6bc1a8d4b
feat(core): ✨ sync input styles with Codex and OOUI
2023-07-16 20:48:37 -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
7ea3b94d23
feat(core): ✨ tweak sitestats font size
2023-07-14 21:48:25 -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
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
沈澄心
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
沈澄心
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
沈澄心
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
沈澄心
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
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
沈澄心
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
35821b62ae
feat(core): ✨ more saturated base text color
2023-05-05 10:22:32 -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
alistair3149
68313123e9
feat(core): ✨ apply box-sizing: border-box by default
2023-03-01 16:08:07 -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
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
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
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
023ee9427a
feat(core): ✨ more colorful emphasized text color
2022-12-20 21:50:49 -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
3d1ca8b2ad
feat(core): ✨ reduce the click event delay on touch devices
2022-12-08 13:51:22 -05:00
alistair3149
75ab097ba1
feat(core): ✨ update MW datatable styles
2022-12-06 15:06:22 -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