Commit graph

266 commits

Author SHA1 Message Date
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