Commit graph

1765 commits

Author SHA1 Message Date
alistair3149 1703d29945
feat(stickyHeader): add transition to secondary sticky header 2024-07-24 22:17:03 -04:00
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 9a0ebf4446
fix(stickyHeader): 🐛 incorrect border box shadow 2024-07-24 21:45:12 -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 2fe94438ee
feat(core): add reset styles for border-width and border-color
This will affect existing wikis that uses the invalid border attribute like in #902.
Border attribute is not valid HTML in HTML5 and it has been causing a lot of headache
in other styles
2024-07-20 19:35:14 -04:00
alistair3149 764f7593c3
fix(overflow): 🐛 fix undefined wrapper 2024-07-20 19:32:22 -04:00
alistair3149 08a7a51566
fix(wikitable): 🐛 incorrect selector for tfoot 2024-07-20 17:49:36 -04:00
github-actions 0242d9bc6e ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-20 21:46:51 +00:00
alistair3149 15ebea1c80
fix(wikitable): 🐛 incorrect border radius when both thead and tbody are present 2024-07-20 17:46:18 -04:00
alistair3149 4d803f841d
feat(fonts): bump Roboto Flex to 3.200 2024-07-19 22:49:35 -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 c9d98e477a
feat(stickyHeader): add CSS var --height-sticky-header to offset sticky elements
--height-sticky-header will always return the current height of sticky header.
It can be used to offset sticky elements so that it adjusts to the sticky header.
2024-07-19 17:08:03 -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 e38b44edb2
refactor(search): ♻️ simplify URL generation by using mw.util.getUrl
getUrl will handle both the short URL and santization
2024-07-17 14:16:55 -04:00
alistair3149 a9fb03fc8e
fix(print): 🐛 only color variables require important declaration 2024-07-15 02:09:05 -04:00
alistair3149 1fefddd41a
feat(core): implement Codex border-width tokens 2024-07-15 02:07:25 -04:00
alistair3149 5296aef9de
feat(print): add wikitable styles and hide contentSub 2024-07-15 02:03:28 -04:00
alistair3149 aeb083e74d
fix(print): 🐛 add important declaration to hidden print elements 2024-07-14 19:41:41 -04:00
alistair3149 8641becb2a
feat(print): allow font size settings affect print styles 2024-07-14 18:09:53 -04:00
alistair3149 1da57e5902
feat(print): hide page footer in print styles 2024-07-14 18:05:03 -04:00
github-actions 79ac340667 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-14 21:44:10 +00:00
alistair3149 543400d9d5
feat(print): rework print styles 2024-07-14 17:43:34 -04:00
alistair3149 c3855ff8b9
fix(stickyHeader): use cached value for placeholder height if possible
Related: #854
2024-07-12 03:47: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 2794a3269c
fix(core): 🐛 explictly set z-index for body container
That should avoid position relative elements from going over the sticky header.

Closes: #577
2024-07-09 18:28:31 -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 a4593d7dd3
fix(dropdown): 🐛 use both touchstart and mousedown event listener for click outside event
On iOS devices, click event listeners don't work when the target does not have cursor: pointer.
This should resolve the issue for iOS browsers.

Related: #895
2024-07-08 15:54:15 -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
alistair3149 7f9f975b9e
fix(stickyHeader): 🐛 only add sticky class on resize when it is applicable 2024-07-08 14:01:13 -04:00
github-actions 49663c9199 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-08 06:24:11 +00:00
alistair3149 ecc4cca043
fix(search): 🐛 check if article path has question mark before adding search params
Fixes: #903
2024-07-08 02:23:43 -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 e9fd488cee
fix(share): 🐛 incorrect debounce parameter assignment 2024-07-07 17:40:37 -04:00
alistair3149 55b310d26d
fix(search): 🐛 fix incorrect parameter for debounce function 2024-07-07 17:33:41 -04:00
alistair3149 28968179ce
feat(codex): backport Codex v1.8.0 variables to mediawiki.skin.variables 2024-07-07 15:57:33 -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
github-actions f19bfe11e7 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-07 07:07:33 +00:00
alistair3149 91619884ab
fix(core): 🐛 incorrect box-shadow values
It seems that stylelint somehow wiped out the previous value.
2024-07-07 03:06:42 -04:00
alistair3149 3d7311dbbe
fix(skinning): 🐛 only apply top margin to figcaption when it is not empty 2024-07-07 02:45:50 -04:00
alistair3149 232fd0cc4b
feat(core): clean up th styles
- th should not use the same styles as label
- Restore font weight and color to th
- Sync different th styles in extensions
2024-07-07 02:14:36 -04:00
alistair3149 fccc024978
feat(wikitable): avoid double border when border attribute is active 2024-07-07 01:56:01 -04:00
github-actions 6a79df2fd5 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-07 05:53:18 +00:00
alistair3149 442c272cab
feat(wikitable): use box-shadow instead of border hacks to build table border 2024-07-07 01:51:22 -04:00
alistair3149 c2523b141c
fix(dropdown): 🐛 dropdown button should be above the backdrop 2024-07-06 22:42:15 -04:00
alistair3149 ba62b92e29
feat(core): theme and unify text selection color using progressive colors 2024-07-06 17:53:56 -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 9ace83a9bc
fix(search): 🐛 incorrect article not found icon size 2024-07-05 16:28:33 -04:00
alistair3149 90cb44d445
refactor(search): ♻️ remove unused argument from getPageTitle 2024-07-05 16:27:32 -04:00
alistair3149 c5c47aeb5f
feat(search): use Short URL in search suggestion
This should avoid a bunch of 302 redirects using the old Special:Search links.
2024-07-05 16:21:10 -04:00
alistair3149 9c77c7f3f2
feat(search): unify url generation in search typeahead
- Convert searchAction to use urlGenerator
- Repurpose urlGenerator to be more generic

Fixes: #898
2024-07-05 15:32:26 -04:00
alistair3149 3392eb796c
fix(core): 🐛 remove git merge artifacts 2024-07-05 13:41:43 -04:00
alistair3149 b53381ed12
feat(pref): extend font-size adjustments to all text
- Move font size calucation from LESS to CSS variables
- Move font size variables to tokens.less
2024-07-05 13:40:39 -04:00
github-actions 07090c800d ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-05 17:24:29 +00: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 317296e7b0
fix(dropdown): 🐛 merge conflicting dismiss event handlers
Focus loss and click outside are basically using the same function.
Merging them should avoid them conflicting with each other.

Related: #895
2024-07-04 16:00:46 -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 111607ec96
fix(core): 🐛 avoid sr-only text clipping during transform 2024-07-03 15:40:21 -04:00
github-actions 3bbe2f4c16 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-03 18:41:07 +00: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 7ec0ae5b8e
refactor(stickyHeader): ♻️ create sticky sentinel in JS instead
It is only used for sticky header which requires JS, we should just create it in JS
2024-07-02 19:20:17 -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 568dfc7de3
fix(core): 🐛 fix max-width breakpoint calculation in LESS
Related: T367103
2024-07-01 13:38:12 -04:00
alistair3149 5715a29dae
feat(stickyHeader): reduce direction observer throttle 2024-07-01 13:19:59 -04:00
alistair3149 aaee215cf6
refactor(stickyHeader): ♻️ move sticky header script into a separate module 2024-07-01 13:19:31 -04:00
alistair3149 7c9eadb662
feat(core): convert some CSS variables into Codex equivalent part 3 2024-07-01 00:16:15 -04:00
github-actions 852fd86013 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-01 04:06:43 +00: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 66e7282acc
fix(preferences): 🐛 incorrect active button color 2024-06-30 20:49:15 -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