Commit graph

1848 commits

Author SHA1 Message Date
alistair3149 70193eb568
perf(dropdown): ️ use content-visibility for icons and dropdown menus
This will reduce the initial render cost of the menus, and also prevent premature download
for the icons.
2024-11-05 21:50:54 -05:00
alistair3149 582a3544bd
feat(skinning): update message box styles to current standard 2024-11-05 00:45:11 -05:00
alistair3149 07179d50b1
perf(core): ️ defer non-essential init scripts 2024-11-03 10:39:10 -05:00
alistair3149 a32bc92a99
perf(footer): ️ add CSS containment to footer 2024-11-03 01:05:28 -04:00
alistair3149 e79ae5939c
perf(core): ️ put sticky header elements in DOM instead of creating them on init 2024-11-03 00:44:23 -04:00
alistair3149 ec097f2e42
perf(core): ️ only fire scroll direction function when direction changes 2024-11-02 02:24:54 -04:00
alistair3149 bbc6069748
fix(toc): 🐛 incorrect toc button height 2024-11-02 02:17:45 -04:00
alistair3149 25fbc14908
style(core): 🎨 rename intersectionObserver references to observer
We will be using it for more than intersectionObserver.
2024-11-02 02:00:21 -04:00
alistair3149 50a75c550c
perf(core): ️ do not use throttle for scroll direction observer
Just requestAnimationFrame should be enough. The previous throttle implemenation
makes the sticky header feel less responsive
2024-11-02 01:59:17 -04:00
alistair3149 a480cc27af
feat(skinning): apply floatleft and floatright to all elements
There are more block elements that might use floatleft and floatright.
We should not restrict it to only <div> and <table>
2024-10-30 22:20:12 -04:00
alistair3149 b9cfd0ebc8
fix(skinning): 🐛 stricter selector to select a element containing thumbnail 2024-10-30 15:57:41 -04:00
alistair3149 a9ff2da26d
feat(search): use 220px thumbnail for Action API search
220px is standardized to avoid further thumbnail fragmentation.
It should not affect the REST API search.
T322621
2024-10-30 02:01:18 -04:00
alistair3149 196f3d9063
perf(core): ️ use CSS containment for search card and sidebar 2024-10-29 23:55:50 -04:00
github-actions a65d5bac50 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-10-29 23:04:03 +00:00
alistair3149 eab9bcf228
fix(fonts): 🐛 remove serif and monospace fallback fonts
We don't provide web fonts for those, no need to have a fallback font
2024-10-29 19:03:16 -04:00
alistair3149 2d9febf0e2
perf(tokens): ️ reduce lang selector cost
The original lang selector was too broad and execute needlessly.
2024-10-29 18:48:13 -04:00
alistair3149 2b3dbd9960
refactor(toc): ♻️ avoid using important for top link 2024-10-29 18:35:06 -04:00
alistair3149 d46855c0c2
feat(fonts): define fallback fonts to avoid CLS 2024-10-29 18:07:13 -04:00
alistair3149 168a53d6ef
feat(tokens): increase saturation on surface colors 2024-10-28 16:31:48 -04:00
alistair3149 c37560a2a9
fix(core): 🐛 emit resize event after clientPref change
Various apps listen to window resize events to reposition absolutely positioned elements
2024-10-28 16:04:51 -04:00
github-actions 50c30afa23 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-10-28 01:31:36 +00:00
alistair3149 2dc72705d2
feat(core): use newer method to set safe height 2024-10-27 21:30:41 -04:00
alistair3149 b81ed673a7
feat(core): account for safe area for body element 2024-10-27 21:17:34 -04:00
alistair3149 09f8f0c70b
fix(viewTransition): 🐛 remove unnessecary definitions 2024-10-27 21:10:58 -04:00
alistair3149 8e578b8a38
feat(core): add basic cross-document transition
Adding basic fade in and out transition in page navigation.
2024-10-27 20:38:46 -04:00
PenguinEncounter 0248af9425
fix(core): 🐛 fix section collapsing not functioning on Firefox (#965) 2024-10-25 14:06:52 -04:00
alistair3149 06b6f6c194
feat(header): add microinteraction to wiki logo/home button 2024-10-23 19:46:15 -04:00
alistair3149 17bcccac65
refactor(tokens): ♻️ integrate cssvariables.less into tokens.less 2024-10-23 17:54:26 -04:00
alistair3149 2f084b89e0
refactor(tokens): ♻️ move syntax highlight colors to token.less 2024-10-23 17:40:13 -04:00
alistair3149 c88df2d194
feat(tokens): deprecate old font-weight-semibold variables
Old variables are being deprecated to align naming convention with Codex.
They will be hard-deprecated on the next major Citizen version.
2024-10-23 17:34:41 -04:00
alistair3149 90862b193e
feat(tokens): deprecate old line height variables
Old variables are being deprecated to align naming convention with Codex.
They will be hard-deprecated on the next major Citizen version.
2024-10-23 17:33:46 -04:00
alistair3149 fde0f9c84c
refactor(tokens): ♻️ move spacing variables to token.less 2024-10-23 17:31:31 -04:00
alistair3149 9c438a6d02
refactor(tokens): ♻️ move line height variables to tokens.less 2024-10-23 17:29:51 -04:00
alistair3149 a45c15cbc1
refactor(tokens): ♻️ move font and transition variables to token.less 2024-10-23 17:24:57 -04:00
alistair3149 6d44586adc
feat(core): move page header to the bottom on main page 2024-10-23 17:11:02 -04:00
alistair3149 26f8ca0e57
docs(core): 📚️ clean up documentation in content.less 2024-10-23 16:43:28 -04:00
alistair3149 2157bcf490
feat(toc): add wrapper for TOC link to hold summary
Some extensions such as DiscussionTools add summary to the ToC item.
We should add styles to support that
2024-10-22 22:51:45 -04:00
alistair3149 4849c648dc
feat(menu): increase line-height of menu items 2024-10-22 22:31:43 -04:00
alistair3149 df27ab7583
refactor(mainMenu): ♻️ inherit max-width from menu card instead of redefining a new one 2024-10-22 18:16:24 -04:00
alistair3149 2a53abed2f
feat(tokens): lower the brightness of destructive color in dark mode
Signed-off-by: alistair3149 <alistair31494322@gmail.com>
2024-10-22 17:39:01 -04:00
alistair3149 db4d8a0103
feat(tokens): update state colors 2024-10-22 17:35:28 -04:00
alistair3149 b66ce9dbe8
feat(MediaWiki): add styles for usermessage 2024-10-22 16:25:25 -04:00
alistair3149 50832a7d5d
fix(menu): 🐛 prevent dropdown menus from overflowing the viewport 2024-10-22 14:54:02 -04:00
alistair3149 7867ad990c
fix(pageActions): 🐛 add missing transition property 2024-10-22 14:41:59 -04:00
alistair3149 43ed770b62
fix(core): 🐛 escape CSS variable in HSL color 2024-10-19 04:34:04 -04:00
alistair3149 0259645eb5
feat(features): remove saturation from black mode colors 2024-10-19 03:41:36 -04:00
alistair3149 f96cd7435e
feat(features): make black theme color darker 2024-10-19 03:37:31 -04:00
alistair3149 a353b14dc7
fix(tokens): 🐛 incorrect shadow opacity for dark theme 2024-10-19 03:36:38 -04:00
alistair3149 457bc87c52
feat(core): add animation for more icons 2024-10-19 02:27:42 -04:00
alistair3149 118bd6a2be
fix(core): 🐛 fix ellipsis icon rotate direction 2024-10-19 02:21:59 -04:00