Commit graph

199 commits

Author SHA1 Message Date
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
alistair3149 e0507d489d
fix(footer): 🐛 incorrect invert rule for footer wordmark 2024-06-24 13:42:30 -04:00
alistair3149 08e63e3caf
feat(skinning): remove top and bottom margin from nested lists
Related: #886
2024-06-18 19:48:54 -04:00
alistair3149 2639b0f70d
fix(overflow): 🐛 overflow content should fill parent container 2024-06-15 17:38:47 -04:00
alistair3149 00dba9540b
fix(menu): 🐛 fix invisible user menu on desktop Safari 2024-06-14 16:23:53 -04:00
alistair3149 9bd18ea054
fix(overflow): 🐛 wrapper should respect float elements
Fixes: #878
2024-06-14 12:59:14 -04:00
alistair3149 e064de2402
refactor(cssVar): ♻️ replace all filter rules with CSS variables 2024-06-14 12:24:02 -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 089a329da9
fix(toc): 🐛 ToC should have a higher z-index than page actions in smaller viewport
In order to avoid collision between the bottom page action bar and the ToC dropdown
2024-06-12 13:01:43 -04:00
alistair3149 feae1e6ad3
fix(pagetools): 🐛 attach menu to the page actions bar instead of the button 2024-06-12 13:00:13 -04:00
alistair3149 dd89daba39
fix(overflow): 🐛 allow to click through the nav element 2024-06-12 12:51:50 -04:00
github-actions 6c39537a51 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-06-11 23:10:13 +00:00
alistair3149 4b457dfa08
fix(overflow): 🐛 align scroll buttons with content margin 2024-06-11 19:07:38 -04:00
alistair3149 55d413eeda
feat(overflow): add overflow scroll button when using a pointer device 2024-06-11 18:00:45 -04:00
alistair3149 8541b7ee88
fix(core): 🐛 incorrect opacity and color of icons in button 2024-06-11 15:48:02 -04:00
alistair3149 86ef5ef06d
feat(cssVar): add --color-inverted-primary for text color above primary color 2024-06-10 19:47:49 -04:00
alistair3149 3d146b2374
refactor(cssVar): ♻️ introduce color-inverted 2024-06-05 18:54:54 -04:00
alistair3149 d8b3cad225
perf(core): ️ do not use will-change 2024-06-01 15:36:48 -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 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 83ab221408
feat(core): only handle wikitable instead of all tables
Wikis use tables in creative ways and it is probably just safer to only apply it to wikitables.
Might revisit if there are any news from T330527.
2024-05-29 17:47: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 621adff9fc
fix(core): 🐛 incorrect classes and styles for page action cards 2024-05-28 02:12:50 -04:00
alistair3149 87a8bf256e
refactor(core): ♻️ various cleanup 2024-05-27 23:18:13 -04:00
alistair3149 2d10199b27
refactor(core): ♻️ remove redundant selector 2024-05-27 23:00:28 -04:00
alistair3149 e95d3d39bd
perf(core): ️ consolidate citizen-menu card shared styles 2024-05-27 22:47:46 -04:00
alistair3149 c3943ca7cf
feat(core): change overflow gradient to fixed size 2024-05-27 17:53:55 -04:00
github-actions 3cd8d20d1d ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-05-27 20:11:41 +00:00
alistair3149 cb1cfde785
fix(core): 🐛 remove table border expansion before the JS is loaded 2024-05-27 16:10:25 -04:00
alistair3149 593c6406fb
refactor(core): ♻️ simplify section handling 2024-05-21 18:46:19 -04:00
alistair3149 c09b82cb07
fix(core): Rename Usermenu.less to UserMenu.less 2024-05-15 02:02:48 -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 604ee851d6
fix(core): 🐛 add missing styles for user menu
Seems to be broken by the citizen-menu styles refactor.
This fix is temporary since the user menu will be refactored soon.
2024-05-09 15:54:50 -04:00
alistair3149 4c6ae1e74d
refactor(core): ♻️ wrap menu list in container 2024-05-09 14:38:07 -04:00
alistair3149 ed54bbfc33
fix(core): 🐛 hide sidebar lastmod on tablet
It is duplicated with footer
2024-05-08 15:36:04 -04:00
alistair3149 89b5ff1b12
feat(core): add last modified to sidebar 2024-05-08 15:30:36 -04:00
alistair3149 4f7e3a4e14
refactor(core): ♻️ clean up various menu styles 2024-05-07 22:21:24 -04:00
alistair3149 0aa617262e
feat(core): simplify toc styles 2024-05-07 21:48:22 -04:00
alistair3149 9da91018ab
refactor(core): ♻️ wrap ToC inside citizen-body-sidebar 2024-05-07 21:29:16 -04:00
alistair3149 76a93e962f
fix(Echo): 🐛 re-implement nojs Echo buttons 2024-05-06 15:28:56 -04:00
alistair3149 de315b2e1d
refactor(core): ♻️ simplify heading icon styles 2024-05-06 14:14:28 -04:00
alistair3149 58bab74eab
feat(core): switch all icons to OOUI module
Custom icons are no longer needed. This should reduce
an extra ResourceLoader module registration.
2024-05-06 13:48:41 -04:00
alistair3149 a81bf1fc16
refactor(core): ♻️ re-implement VE action icon 2024-05-06 13:37:33 -04:00
alistair3149 994fae626b
refactor(core): ♻️ simplify drawer header styles 2024-05-03 17:18:21 -04:00
alistair3149 46a5089131
refactor(core): ♻️ fix drawer sitestats alignement 2024-05-03 17:10:44 -04:00
alistair3149 3566e9c919
feat(core): align footer links to the end of the footer 2024-05-03 17:03:32 -04:00
alistair3149 5a5b4aab0b
feat(core): allow drawer menu to expand in smaller screen 2024-05-01 22:12:19 -04:00
github-actions 64a8914c16 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-05-02 01:44:37 +00:00
alistair3149 205cee23db
feat(core): tweak personal menu spacing 2024-05-01 21:43:02 -04:00
alistair3149 ffa7d76df4
feat(core): change primary action links in user menu into buttons
Link such as sign up and sign in are converted into a button to make it more visible
2024-05-01 20:25:51 -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 e5af1717bd
fix(core): 🐛 hide notification menu header in header 2024-04-25 18:26:54 -04:00
alistair3149 755f42eb07
refactor(core): ♻️ clean up redundant styles 2024-04-24 19:43:34 -04:00
github-actions cc5452c119 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-19 18:45:09 +00:00
alistair3149 d820947490
fix(core): 🐛 hide section indicator unless explictly enabled 2024-04-19 14:43:49 -04:00
github-actions 22bad4caab ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-19 17:50:07 +00:00
alistair3149 1d0a4adc55
style: 🎨 stylelint fixes 2024-04-19 13:48:45 -04:00
alistair3149 11566de6b6
style(css): 🎨 re-apply stylelint fixes 2024-04-16 01:28:45 -04:00
alistair3149 cb1f9e616a
feat(toc): tweak toc header font size 2024-02-28 01:25:05 -05:00
alistair3149 75548a9bdf
feat(core): increase top margin of content footer 2024-02-28 01:25:03 -05:00
alistair3149 11068251c2
feat(core): reduce menu header font size 2024-02-28 01:25:02 -05:00
alistair3149 c9f665ef78
feat(core): use CSS variables for small font sizes 2024-02-26 17:16:07 -05:00
alistair3149 3162e19a2c
feat(core): use CSS variables for x-small font sizes 2024-02-26 17:14:19 -05: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 21f7cc4001
fix(toc): 🐛 incorrect breakpoints for ToC 2023-11-16 18:05:04 -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 a6a9fe27e4
fix(core): 🐛 stricter selector for collapsible header 2023-09-10 19:19:31 -04:00
alistair3149 2f40541bc4
feat(core): prefix citizen section classes 2023-09-10 19:00:52 -04:00
alistair3149 969f4f0d3d
feat(search): various tweaks to typeahead styles 2023-08-29 12:32:28 -07:00