Commit graph

179 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 b922b035cc
feat(OOUI): update filter invert rules 2024-07-24 21:09:37 -04:00
alistair3149 72cc2aa482
refactor(core): ♻️ rename button mixins to match with tokens 2024-07-21 16:39:38 -04:00
alistair3149 362dcd01cc
feat(wikitable): add new wikitable utility classes for additional styling
- .wikitable--border to enable vertical divider
- .wikitable--stripe to enable striped rows
2024-07-20 20:33:46 -04:00
alistair3149 cc0820c204
feat(wikitable): use more accurate selectors to apply border and border radius 2024-07-20 19:53:26 -04:00
alistair3149 764f7593c3
fix(overflow): 🐛 fix undefined wrapper 2024-07-20 19:32:22 -04:00
alistair3149 b9cd27043d
feat(core): tweak changelist and toc border width 2024-07-19 18:31:22 -04:00
alistair3149 a1ad423f2f
feat(stickyHeader): implement sticky header variables into other sticky styles 2024-07-19 17:29:17 -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 f3042f5b80
fix(toc): 🐛 ToC should have the same padding as other menu cards 2024-07-19 16:27:19 -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 c555dfe1bf
fix(ToC): 🐛 increase z-index of ToC backdrop 2024-07-09 16:51:25 -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 aaa677f2d6
fix(toc): 🐛 fix transparent ToC button 2024-07-08 15:35:01 -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
github-actions c7dfa58393 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-07 10:26:24 +00:00
alistair3149 72edb817be
fix(toc): 🐛 keep ToC button at the same position 2024-07-07 06:25:38 -04:00
alistair3149 c2523b141c
fix(dropdown): 🐛 dropdown button should be above the backdrop 2024-07-06 22:42:15 -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 a68626f56a
fix(toc): 🐛 elements behind collasped ToC should be interactable
Fixes: #896
2024-07-04 15:48:01 -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 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 ae4131f51f
fix(pageActions): 🐛 language badge should use the same color as its background 2024-07-01 13:44:28 -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 0a1ac14677
feat(pageActions): blend language badge into the background 2024-06-30 01:11:35 -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 fce1f775c4
feat(pageActions): use neutral color for language badge 2024-06-29 20:53:21 -04:00
alistair3149 c34868d04e
fix(overflow): 🐛 remove unused mask rules 2024-06-27 18:54:48 -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 f0de4f4c5b
feat(overflow): use CSS variable for overflow gradient size
This will allow the gradient to be adjustable through CSS
2024-06-27 18:15:32 -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 7133648fe0
fix(wordmark): 🐛 wordmark should resize responsively 2024-06-24 17:12:57 -04:00
alistair3149 c47531a28b
feat(wordmark): implement wordmark in drawer
Also simplify existing styles for wordmark
2024-06-24 14:05:21 -04:00