Commit graph

73 commits

Author SHA1 Message Date
alistair3149 c88df2d194
feat(tokens): deprecate old font-weight-semibold variables
Old variables are being deprecated to align naming convention with Codex.
They will be hard-deprecated on the next major Citizen version.
2024-10-23 17:34:41 -04:00
alistair3149 90862b193e
feat(tokens): deprecate old line height variables
Old variables are being deprecated to align naming convention with Codex.
They will be hard-deprecated on the next major Citizen version.
2024-10-23 17:33:46 -04:00
alistair3149 5e749ed137
fix(Echo): 🐛 increase specificity for the selector to apply padding properly 2024-10-22 18:15:45 -04:00
alistair3149 cabf6b4e07
feat(Echo): sync Echo alert styles with mw.notifications 2024-10-22 16:38:52 -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 1fefddd41a
feat(core): implement Codex border-width tokens 2024-07-15 02:07:25 -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 9372c74307
fix(Echo): 🐛 incorrect selector for notification count 2024-07-05 20:51:30 -04:00
alistair3149 164d79ff32
refactor(Echo): ♻️ use CSS variable for border radius 2024-07-05 20:39:57 -04:00
alistair3149 fdc6eaee20
feat(Echo): upgrade Echo buttons for consistency
This is similiar to how it is handled in Vector.
We are forcing the Echo button to render in the same way as it was initially.
This took me so many hours sigh.
2024-07-05 20:37:52 -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 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 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 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
alistair3149 76a93e962f
fix(Echo): 🐛 re-implement nojs Echo buttons 2024-05-06 15:28:56 -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 11566de6b6
style(css): 🎨 re-apply stylelint fixes 2024-04-16 01:28:45 -04:00
alistair3149 b90dd3d2c6
fix(Echo): 🐛 missing styles for new talk page alert 2024-02-27 13:53:36 -05:00
alistair3149 c9f665ef78
feat(core): use CSS variables for small font sizes 2024-02-26 17:16:07 -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 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 703fac6294
feat(core): add overlay as affordnance to popup menus 2023-07-14 18:18:18 -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 9c59d24612
fix(Echo): 🐛 incorrect button hover color 2023-07-10 16:34:14 -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
沈澄心 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
沈澄心 bf79397864
fix(Echo): fix Echo popup height (#638)
* Update ext.echo.ui.less

* Update ext.echo.ui.less

* Escape calc CSS func

---------

Co-authored-by: alistair3149 <alistair3149@users.noreply.github.com>
2023-05-27 15:00:15 -04:00
沈澄心 99935453db
feat(Echo): hide #pt-talk-alert when Echo is enabled (#626) 2023-05-23 12:46:36 -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 5c22145295
feat(Echo): tweak Special:Notifications styles 2023-01-16 19:35:00 -05:00
alistair3149 d238e932a1
feat(core): add pill and circle border radius variables 2022-11-21 17:46:31 -05:00
alistair3149 fd40b1b855
feat(core): more granular spacing units 2022-11-21 17:42:43 -05:00
alistair3149 5e962b785b
fix(skinStyles): 🐛 fix Echo overflow in small screens 2022-10-05 19:21:20 -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 982cb8c7ba
fix(skinStyles): add missing Echo dark styles
Closes #468
2022-05-31 19:15:06 -04:00
alistair3149 7b810b2389
fix(core): incorrect z-index for the inner header container
Also fix the undefined LESS variable in the Echo skinstyle
2022-05-25 16:01:21 -04:00
alistair3149 be8b9a0a0d
feat(core): clean up and tweak z-index usage
fixes #462
2022-05-23 15:11:41 -04:00
alistair3149 cd36ba642e
fix(skinStyles): echo header icons should use relative size 2022-05-10 21:57:20 -04:00
alistair3149 e47c1a5ac4
feat(skinStyles): contain overscoll in Echo 2022-05-04 13:43:21 -04:00
alistair3149 398f6da83d feat(skinStyles): tweak Echo popup styles 2022-05-02 22:14:11 -04:00
alistair3149 6667c0628f
feat: make the Echo badge text smaller 2021-09-02 12:00:33 -04:00
alistair3149 e6c15cb612
fix: fix inverted Echo badge indicator 2021-09-01 20:45:19 -04:00
alistair3149 598594f91c
fix: align Echo popups with other menus 2021-08-11 17:02:44 -04:00