Commit graph

63 commits

Author SHA1 Message Date
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
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
alistair3149 c6e9bc44a9 feat(core): use checkboxHack for page actions more menu
* use checkboxHack for the menu
* streamline language and more action menu styles and classes
2022-05-16 18:14:35 -04:00
alistair3149 478a8396af
refactor(core): merge card content fade animation into mixin 2022-05-11 22:06:33 -04:00
alistair3149 ca59b097ba
refactor(core): merge duplicating mixins together 2022-05-01 22:53:41 -04:00
alistair3149 a6d88fc68b
style: lint styles with stylelint 2022-05-01 22:40:27 -04:00
alistair3149 2c9a5f45ec
refactor(core): merge menu content show transition into mixin 2022-05-01 22:11:31 -04:00
alistair3149 e2a6a0355c feat(core): toggle visbility in CSS when menu is show/hidden
* Better performance as browser would not render element when it is hidden
* Better accessbility support for screen readers
2022-05-01 21:46:39 -04:00
alistair3149 c0c2e61bf3
refactor(core): turn card animation into a mixin 2022-05-01 21:23:37 -04:00
alistair3149 56a869b3d9
refactor(core): clean up transition variable names 2022-05-01 19:14:17 -04:00
alistair3149 c23a1d7838
feat: unify modal styles
All modals should follow the same styles
2022-04-28 15:18:41 -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
alistair3149 7dc0d14c70
feat: simplify background color variables in core styles
--background-color-dp-XX is soft depreciated, please use --color-surface-X instead
2021-07-25 19:16:05 -04:00
alistair3149 5c6408d766 feat: convert border radius to CSS variable 2021-05-27 11:20:12 -04:00
alistair3149 04a3faef1f
feat: remove list link highlight transition 2021-04-11 17:44:41 -04:00
alistair3149 55be448dcd fix: incorrect icon size on action more menu 2021-01-28 13:00:43 -05:00
alistair3149 f65bf157bd
feat: move personal menu to header (#231)
* fix: fix header background bleeding in VE

* feat: move personal menu out of drawer to header

* feat: update personal menu styles in smaller breakpoints

* fix: fix typo in qqq documentation

* ci: lint code to MediaWiki standards

Check commit and GitHub actions for more details

* feat: add title text to personal menu button

Co-authored-by: github-actions <github-actions@users.noreply.github.com>
2021-01-19 15:56:42 -05:00
alistair3149 ffad106fa3
refactor: convert page width to css var 2021-01-16 16:14:04 -05:00
alistair3149 88a659d1da
feat: change menu hover color to blue to indicate page load 2021-01-12 17:03:52 -05:00
alistair3149 9d3df250de
refactor: merge CSS variables in core styles 2021-01-12 14:31:35 -05:00