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