Commit graph

30 commits

Author SHA1 Message Date
alistair3149 b5180bfbda
feat(core): use Codex tokens for z-index 2024-07-09 16:44:15 -04:00
alistair3149 20e4f7ec6e
feat(dropdown): add fade-in animation to dropdown menu 2024-07-08 15:33:02 -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 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
github-actions 5fbf8bf938 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-06-01 19:35:16 +00:00
alistair3149 151e51da2f
fix(search): 🐛 opening search card should not play animation on mobile 2024-06-01 15:34:14 -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 87f15ddd6d
fix(core): 🐛 incorrect selector to disable search card animation on mobile 2024-05-29 14:06:58 -04:00
alistair3149 e95d3d39bd
perf(core): ️ consolidate citizen-menu card shared styles 2024-05-27 22:47:46 -04:00
alistair3149 c9f665ef78
feat(core): use CSS variables for small font sizes 2024-02-26 17:16:07 -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 969f4f0d3d
feat(search): various tweaks to typeahead styles 2023-08-29 12:32:28 -07:00
alistair3149 1f0a2e5133
feat(search): reorganize DOM structure of the typeahead 2023-08-29 01:50:55 -07:00
alistair3149 cb02307cda
feat(search): only change search input font size for mobile Safari 2023-08-27 02:00:37 -07:00
alistair3149 87886b39a0
fix(core): 🐛 only increase search input font size for mobile 2023-08-14 23:49:01 -04:00
alistair3149 07aa883195
fix(core): 🐛 increase search input font size to 1rem
Closes: #513
2023-08-14 23:48:09 -04:00
alistair3149 122819b67e
fix(core): 🐛 bump search input font size
It might fix #513 hopefully
2023-08-11 18:45:04 -04:00
alistair3149 ba5bea704e
style: 🎨 apply recess order to styles 2023-07-27 21:19:27 -04:00
alistair3149 739fa8504c
fix(core): 🐛 enter key should not clear search input
Use span instead of button element. As button element will make
enter key triggering the clear button.
2023-07-16 16:48:14 -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 6cddf85131
feat(search): add clear button to search box 2023-07-10 16:23:48 -04:00
alistair3149 d0b1b8982c
refactor(search): ♻️ simplify search box structure 2023-07-10 15:13:21 -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 b8a1d9c224
refactor(search): ♻️ simplify typeahead styles 2023-03-01 15:27:43 -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 ef9ab2a537
refactor(core): ♻️ move components styles into folder 2023-01-31 15:04:06 -05:00
Renamed from resources/skins.citizen.styles/Search.less (Browse further)