Commit graph

43 commits

Author SHA1 Message Date
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
github-actions 729bfc57e8 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-06 03:59:04 +00:00
alistair3149 d3ef4afecc
fix(core): 🐛 fix incorrect screen reader text reset styles 2024-07-05 23:58:17 -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 f2ff92e1ac
feat(toc): drop checkbox hack usage in ToC in favor of dropdown (#894)
Now that ToC is also using the new dropdown system, we can remove all references to the old checkbox hack now.

Fixes: #855
2024-07-03 17:44:52 -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 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 23f2667b24
fix(core): 🐛 fix invalid background-color properties 2024-07-03 14:20:20 -04:00
github-actions 23e145d275 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-03 05:31:24 +00:00
alistair3149 23b3c3326a
feat(menu): add blur to menu backdrop 2024-07-03 01:30:42 -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 eb58bd6e99
fix(menu): 🐛 show view button specifically on revision and diff pages
The previous attempts didn't catch all the cases. This should be enough.

Related: #845
2024-06-27 18:21:28 -04:00
alistair3149 dd53576941
fix(menu): 🐛 prevent page from scrolling when dropdown menu is open in small viewport 2024-06-25 12:47:07 -04:00
alistair3149 00dba9540b
fix(menu): 🐛 fix invisible user menu on desktop Safari 2024-06-14 16:23:53 -04:00
alistair3149 a7c74e3f10
fix(menu): 🐛 fix invisible user menu 2024-06-13 23:01:26 -04:00
alistair3149 3b3bb3030d
fix(menu): 🐛 incorrect Safari details marker selector 2024-06-13 03:39:03 -04:00
alistair3149 c52dc49d6d
fix(menu): 🐛 hide Safari details marker 2024-06-13 03:24:13 -04:00
alistair3149 6108fccc31
refactor(menu): ♻️ remove unused checkbox hack styles 2024-06-01 15:29:12 -04:00
alistair3149 87513459c4
fix(core): 🐛 hide Safari details marker 2024-05-31 03:28:52 -04:00
alistair3149 d0691a06d0
feat(core): add dismiss affordnance to dropdown menus 2024-05-30 16:20:03 -04:00
alistair3149 a2d3159def
feat(core): replace checkbox hack with details and summary
Note that ToC is still using the old checkbox hack, it will be replaced in a later time.
Related: T333394
2024-05-30 02:20:13 -04:00
alistair3149 e95d3d39bd
perf(core): ️ consolidate citizen-menu card shared styles 2024-05-27 22:47:46 -04:00
alistair3149 4c6ae1e74d
refactor(core): ♻️ wrap menu list in container 2024-05-09 14:38:07 -04:00
alistair3149 4f7e3a4e14
refactor(core): ♻️ clean up various menu styles 2024-05-07 22:21:24 -04:00
alistair3149 755f42eb07
refactor(core): ♻️ clean up redundant styles 2024-04-24 19:43:34 -04:00
alistair3149 11068251c2
feat(core): reduce menu header font size 2024-02-28 01:25:02 -05:00
alistair3149 96f6361851
feat(core): use quiet hover color for menu items 2023-08-25 17:03:38 -07: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 0e42030d39
fix(core): 🐛 do not insert pseudo elements to input element
It is invalid and does not work in Firefox.

Closes: #689
2023-07-16 02:49:33 -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 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
alistair3149 6b1a7d1ece
feat(core): use medium font weight for menu links 2023-07-06 15:00:11 -04:00
alistair3149 462d1dd4ac
feat(core): use consistent spacing for menu elements 2023-07-06 00:55:42 -04:00
alistair3149 434d2688fc
refactor(core): ♻️ less specific link underline selector 2023-06-15 14:37:07 -04: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 54c8717d45
refactor(core): ♻️ simplify menu header implementation 2023-02-22 14:47:32 -05:00
alistair3149 ef9ab2a537
refactor(core): ♻️ move components styles into folder 2023-01-31 15:04:06 -05:00
Renamed from resources/skins.citizen.styles/Menu.less (Browse further)