Commit graph

768 commits

Author SHA1 Message Date
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 add781a4a1
feat(core): use text-wrap pretty for blockquote elements
Note that this is still in editor draft and only works for Chromium browser
2024-07-04 15:17:09 -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
alistair3149 1bce8921d0
fix(core): 🐛 remove smooth scrolling for body
Often on long pages, smooth scrolling is causing unexpected behaviors and performance issues. For example, it refuses to scroll to the target, or triggers lazyloaded content when not needed. 

Fixes: #883
2024-07-03 03:03: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 931e94da43
chore(dev): 🔧 disable plugin/no-unsupported-browser-features in Stylelint
It is very conservative and it is negatively affecting the performance of Stylelint.
Disabling it for now.
2024-07-02 19:29:37 -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 fbd030afeb
fix(skinning): 🐛 fix incorrect mw-halign-left left margin 2024-07-01 13:42:28 -04:00
alistair3149 7c9eadb662
feat(core): convert some CSS variables into Codex equivalent part 3 2024-07-01 00:16:15 -04:00
alistair3149 ff0a6ed710
feat(core): clean up state colors 2024-07-01 00:04:36 -04:00
alistair3149 c21a908c12
feat(core): set new link color to color-destructive 2024-06-30 20:49:50 -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 e4697c48f1
fix(skinning): 🐛 incorrect text alignement for mw-halign-center 2024-06-25 15:19:10 -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 fae9dad9b0
fix(skinning): 🐛 incorrect margin for right float thumbnails 2024-06-16 20:57:14 -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 d079cc9b29
fix(core): 🐛 incorrect side margin for ul and ol 2024-06-14 16:02:13 -04:00
alistair3149 5bc18b5f4a
feat(core): hide the text from the help indicator 2024-06-14 13:12:30 -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 0a8c49a573
fix(skinning): 🐛 incorrect margin value for floating thumbnail 2024-06-10 16:18:06 -04:00