Commit graph

82 commits

Author SHA1 Message Date
alistair3149 1703d29945
feat(stickyHeader): add transition to secondary sticky header 2024-07-24 22:17:03 -04:00
alistair3149 c1370e95f0
feat(core): update box-shadow CSS variables
* Tokenize shadow vertical distance
* Rename CSS variables to match Codex counterpart
* Reduce the vertical distance for all box shadow
2024-07-24 21:53:51 -04:00
alistair3149 9a0ebf4446
fix(stickyHeader): 🐛 incorrect border box shadow 2024-07-24 21:45:12 -04:00
alistair3149 72cc2aa482
refactor(core): ♻️ rename button mixins to match with tokens 2024-07-21 16:39:38 -04:00
alistair3149 a1ad423f2f
feat(stickyHeader): implement sticky header variables into other sticky styles 2024-07-19 17:29:17 -04:00
alistair3149 1fefddd41a
feat(core): implement Codex border-width tokens 2024-07-15 02:07:25 -04:00
alistair3149 b5180bfbda
feat(core): use Codex tokens for z-index 2024-07-09 16:44:15 -04:00
alistair3149 6dfc62b15d
fix(core): 🐛 add webkit prefix to backdrop filter rules
Safari needs the -webkit- prefix
2024-07-08 19:07:25 -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 516ef3a1cb
feat(dropdown): revamp dropdown menu handling
Putting the dropdown content in the details elemenet have been inconsistent.
Transition are not working correctly and different browsers are not handling it well.
Furthermore, the previous implementation does not allow an always visible state of dropdown content.

Fixes: #882
2024-07-03 16:07:19 -04:00
alistair3149 111607ec96
fix(core): 🐛 avoid sr-only text clipping during transform 2024-07-03 15:40:21 -04:00
github-actions 3bbe2f4c16 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-03 18:41:07 +00: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 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 e064de2402
refactor(cssVar): ♻️ replace all filter rules with CSS variables 2024-06-14 12:24:02 -04:00
alistair3149 8541b7ee88
fix(core): 🐛 incorrect opacity and color of icons in button 2024-06-11 15:48: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 e9d7cc270a
perf(core): ️ do not use will-change (part 2) 2024-06-01 15:55:27 -04:00
alistair3149 f74e3d2f6a
perf(core): ️ tweak menu animation timing 2024-05-27 23:17:48 -04:00
alistair3149 e95d3d39bd
perf(core): ️ consolidate citizen-menu card shared styles 2024-05-27 22:47:46 -04:00
github-actions 877406e449 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-25 21:17:22 +00:00
alistair3149 b186efba69
feat(core): reduce opacity of sticky header 2024-04-25 17:16:19 -04:00
alistair3149 f84771f042
refactor(core): ♻️ simplify sticky header background styles 2024-04-16 01:33:25 -04: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 ba5bea704e
style: 🎨 apply recess order to styles 2023-07-27 21:19:27 -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 703fac6294
feat(core): add overlay as affordnance to popup menus 2023-07-14 18:18:18 -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
沈澄心 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
沈澄心 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
github-actions eed8972d2b ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-06-04 17:17:24 +00:00
沈澄心 f9dad61263
feat(core): use more a11y friendly hidden (#654) 2023-06-04 13:16:36 -04:00
沈澄心 d92fd77e54
fix(core): add webkit prefix to user-select property (#631)
* 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
2023-05-23 12:47:26 -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 c4bd384235
fix(core): 🐛 incorrect z-index in changelist title 2022-12-12 21:41:19 -05:00
alistair3149 77bba6f232
perf(core): ️ use will-change for card transitions 2022-12-06 15:46:14 -05:00
alistair3149 ca41b42aec
perf(core): ️ add CSS containment to suitable elements 2022-12-06 15:29:49 -05:00
alistair3149 faf294e899
feat(core): tweak RC and Watchlist styles 2022-12-01 16:13:25 -05:00
alistair3149 467cf85be4
feat(core): unify sticky header styles 2022-11-24 20:15:13 -05:00
alistair3149 67535a8067
refactor(core): ♻️ use mediawiki.skinning.content.body in core 2022-11-21 17:46:16 -05:00
alistair3149 e1ebf8405f
refactor(core): ♻️ clean up page actions icons syntax 2022-11-21 17:42:51 -05:00
alistair3149 f2d1ab3d23
feat(core): migrate user menu to use RL icon module 2022-11-21 17:42:45 -05:00
alistair3149 fd40b1b855
feat(core): more granular spacing units 2022-11-21 17:42:43 -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