Commit graph

37 commits

Author SHA1 Message Date
alistair3149 bb9ed449f6
feat(core): improve and clean up various CSS transitions 2024-10-19 00:48:20 -04:00
alistair3149 83ddaa9960
refactor(core): ♻️ remove unused grid rules 2024-10-17 07:14:06 -04:00
alistair3149 53742a0dd2
feat(core): extend page header background to full width
This is needed to get rid of the negative margin sticky header background hack.
Since it looks weird on wikis with background imgae.
2024-10-17 04:10:32 -04:00
alistair3149 17525528f5
feat(stickyHeader): collapse page tools label in sticky header 2024-10-17 03:27:40 -04:00
alistair3149 8354f8e263
feat(core): do not hardcode scroll padding top 2024-09-10 17:02:59 -04:00
alistair3149 25697495e5
feat(core): add support for mw-sticky-header-element
Task: T289817
2024-09-10 16:50:27 -04:00
alistair3149 8c204767c6
refactor(stickyHeader): ♻️ use box-shadow instead of border for bottom border
So that it won't affect the height of the element
2024-07-19 17:10:06 -04:00
alistair3149 1fefddd41a
feat(core): implement Codex border-width tokens 2024-07-15 02:07:25 -04:00
alistair3149 f0d1176f2a
feat(pref): add clientpref to disable auto-hide navigation
Closes #841
2024-07-10 13:59:03 -04:00
alistair3149 b5180bfbda
feat(core): use Codex tokens for z-index 2024-07-09 16:44:15 -04:00
alistair3149 f66348bdbb
feat(stickyHeader): reduce page title size 2024-07-08 23:40:08 -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 20e4f7ec6e
feat(dropdown): add fade-in animation to dropdown menu 2024-07-08 15:33:02 -04:00
alistair3149 8eef0aae42
feat(stickyHeader): add background transition 2024-07-08 14:29:33 -04:00
github-actions a883f9dda0 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-07 22:18:34 +00:00
alistair3149 a7a763b57f
fix(stickyHeader): 🐛 use more accurate calculation for placeholder 2024-07-07 18:17:50 -04:00
github-actions 1214750eab ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-07 21:58:50 +00:00
alistair3149 e5336c4610
fix(stickyHeader): 🐛 add a placeholder element to page header to avoid layout shift when stickied
Closes: #854
2024-07-07 17:58: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 2f7ae8fc1d
fix(stickyHeader): 🐛 use margin and padding instead of grid gap for body spacing
That should address the flickering issue caused by the sticky header
2024-07-02 19:26:50 -04:00
alistair3149 d71ee758f4
refactor(core): ♻️ remove unused styles 2024-07-02 19:19:40 -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 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 71ef6b7a30
fix(core): 🐛 incorrect font size for sticky title parenthesis text 2024-05-01 19:22:08 -04:00
alistair3149 a10fd97a2a
refactor(core): ♻️ move pagetools rules out of sticky header 2024-04-27 13:26:18 -04:00
alistair3149 1dcc18af60
feat(core): fine tune bottom toolbar animation 2024-04-26 19:15:13 -04:00
alistair3149 8bb2d9e76d
fix(core): 🐛 invalid selector 2024-04-26 17:44:36 -04:00
github-actions 9074563e0b ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-26 21:42:26 +00:00
alistair3149 ff909e240d
feat(core): move page actions into bottom toolbar when width is limited
Related: #821
2024-04-26 17:41:27 -04:00
alistair3149 a5bf9413ea
feat(core): make sticky header more compact in limited screens 2024-04-26 15:57:29 -04: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 85f036c2f8
feat(core): remove expensive CSS animation
Avoid paint and layout triggering transitions
2023-07-16 15:32:13 -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 ef9ab2a537
refactor(core): ♻️ move components styles into folder 2023-01-31 15:04:06 -05:00
Renamed from resources/skins.citizen.styles/StickyHeader.less (Browse further)