Commit graph

1877 commits

Author SHA1 Message Date
alistair3149 10f5d118f6
feat(core): update to new Codex external link icon 2024-10-11 00:42:07 -04:00
alistair3149 5f328c0743
fix(usermenu): 🐛 hide keyhint for create account button 2024-10-07 00:03:26 -04:00
alistair3149 01365d90ec
fix(search): 🐛 fix invisible progress bar 2024-10-07 00:01:29 -04:00
alistair3149 3601fbd3ee
feat(core): make dark mode surface colors a bit darker 2024-10-05 22:39:07 -04:00
alistair3149 ec68a30579
feat(core): make border color more visible in pure black mode 2024-10-05 22:33:09 -04:00
alistair3149 96004fd30d
fix(pagetools): 🐛 do not bound the width of page action card to page tools 2024-10-05 03:16:57 -04:00
github-actions 3b2ea71115 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-10-05 07:03:07 +00:00
alistair3149 249ce640e9
fix(menu): 🐛 hide keyhint in main menu items
This is causing some wrapping issue and needs to be revisited in the future
2024-10-05 03:03:07 -04:00
alistair3149 085837807f
feat(pagetools): add border to floating buttons 2024-10-05 03:02:12 -04:00
alistair3149 10a28ac476
feat(menu): add accesskey hint to menu items 2024-10-03 18:57:09 -04:00
alistair3149 325c26fe4a
fix(prefs): 🐛 fix incorrect option spacing 2024-10-03 18:56:48 -04:00
alistair3149 dea1628ce3
feat(search): change search text label to advanced search if AdvancedSearch is enabled 2024-10-03 17:06:42 -04:00
alistair3149 a2cc968d2b
fix(icon): 🐛 prevent icon from shrinking in size 2024-10-02 16:10:07 -04:00
alistair3149 b630a914df
fix(search): 🐛 fix incorrect delimiter for gpsnamespace 2024-10-01 21:48:23 -04:00
alistair3149 a0296afaed
feat(search): migrate typeahead to Mustache template part 2 2024-09-28 17:31:43 -04:00
alistair3149 640ecf824c
feat(search): hide scrollbar on chip list
It is annoying with hover scrollbar as it reappears every time the list is updated.
Plus there are already scroll affordnance for the chip list
2024-09-28 15:32:52 -04:00
alistair3149 6cccf7cddf
fix(search): 🐛 fix broken search history
It was caused by the migration and now it is fixed
2024-09-28 15:19:28 -04:00
alistair3149 527a76785e
fix(search): 🐛 incorrect alignment for typeahead item text 2024-09-28 07:28:42 -04:00
alistair3149 b448ac3077
fix(search): 🐛 add spacing between title and desc in typeahead item 2024-09-28 07:13:55 -04:00
alistair3149 723421f691
fix(search): 🐛 fix namespace parameter for Action API 2024-09-28 07:03:11 -04:00
alistair3149 c327dc4fa9
feat(search): migrate most typeahead elements to Mustache
This is a WIP and more clean ups are on the way.
2024-09-28 06:30:15 -04:00
alistair3149 3719897e93
fix(search): 🐛 search all content namespaces for Action API 2024-09-27 03:15:55 -04:00
alistair3149 8800ca672f
fix(search): 🐛 add missing reset style for li 2024-09-27 02:26:56 -04:00
alistair3149 c35d86f43f
feat(search): clean up HTML structure 2024-09-27 02:10:02 -04:00
alistair3149 3ad890206d
feat(search): remove search form and footer glass effect
Didn't look as good as solid color
2024-09-26 22:56:30 -04:00
alistair3149 73eb950c31
fix(search): 🐛 fix search button icon clipping 2024-09-26 22:53:36 -04:00
alistair3149 6f6aa82743
feat(core): increase max-height for menus in mobile layout 2024-09-26 22:53:13 -04:00
alistair3149 eb3927ac0f
fix(search): 🐛 fix incorrect max height for search card 2024-09-26 22:40:20 -04:00
alistair3149 d90ba797b3
feat(search): use glass effect on search form and footer 2024-09-26 22:28:06 -04:00
alistair3149 5605d18f49
feat(search): clean up spacing and alignment in typehead elements 2024-09-26 22:18:29 -04:00
github-actions 84a12225d2 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-09-27 02:01:03 +00:00
alistair3149 55227e6847
feat(search): tweak various search styles 2024-09-26 22:00:13 -04:00
alistair3149 7b3f8f5823
feat(core): add placeholder text color 2024-09-26 21:59:47 -04:00
alistair3149 d6a7c9ddd0
fix(search): 🐛 add missing search footer background color 2024-09-26 19:31:40 -04:00
alistair3149 f1bf40ac78
feat(search): clean up search suggestion padding 2024-09-26 19:29:56 -04:00
alistair3149 138f7a9bd5
feat(search): add message to search footer 2024-09-26 17:58:53 -04:00
alistair3149 a213f1d6a0
feat(search): add keyboard hint to search card 2024-09-26 17:47:19 -04:00
alistair3149 151d60f10f
feat(search): clean up and simplify styles 2024-09-26 15:51:48 -04:00
github-actions 92405a8204 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-09-26 18:56:09 +00:00
alistair3149 28b117d990
feat(search): tweak search box to be more center for desktop 2024-09-26 14:55:49 -04:00
alistair3149 3804574ccb
fix(VisualEditor): 🐛 unstick page header in VE 2024-09-23 17:53:00 -04:00
alistair3149 8f61265cec
feat(core): add support for skin-invert and skin-invert-image
Sync with current dark mode standards from Vector 2022
2024-09-11 04:26:05 -04:00
alistair3149 07dd936115
feat(toc): reduce the size of toc toggle icon 2024-09-11 03:09:16 -04:00
alistair3149 ab62d65768
fix(toc): 🐛 exclude toggle from top section hover 2024-09-10 22:12:06 -04:00
alistair3149 1b7025ef85
feat(toc): expand the current active section 2024-09-10 22:07:22 -04:00
alistair3149 257673a588
feat(toc): allow ToC to be collapsible
Using the same implementation as Vector 2022

Closes: #556
2024-09-10 19:32:49 -04:00
alistair3149 ca1f31d789
refactor(core): ♻️ remove redundant intersection observers 2024-09-10 18:38:11 -04:00
alistair3149 8640d4ef30
feat(toc): switch to ToC implementation based on Vector 2022
This will serve as the groundwork of merging the intersection observers
and collapsible toc in the future.
2024-09-10 18:28:12 -04:00
alistair3149 b0817115ea
refactor(core): ♻️ clean up ToC classes
Clean up the CSS class name to follow the MW CSS coding conventions.
The structure is refactored to be similar to Vector for easier maintainenace.
2024-09-10 17:40:25 -04:00
alistair3149 8354f8e263
feat(core): do not hardcode scroll padding top 2024-09-10 17:02:59 -04:00
alistair3149 25697495e5
feat(core): add support for mw-sticky-header-element
Task: T289817
2024-09-10 16:50:27 -04:00
alistair3149 5e4e57f082
feat(search): append fragment to search suggestion URLs, if one is provided
Related: T306150
2024-08-17 19:21:09 -04:00
alistair3149 14591adcf2
fix(wikitable): 🐛 fix missing bordered wikitable borders when rowspan is used
Related: #932
2024-08-17 17:48:26 -04:00
alistair3149 a4fdcf3572
fix(pagetools): 🐛 fix incorrect selector for edit buttons 2024-08-17 17:40:53 -04:00
alistair3149 662b02e008
refactor(wikitable): ♻️ use stricter but not more specific selectors for wikitables 2024-08-17 17:27:46 -04:00
alistair3149 7dbdf27ca7
fix(wikitable): 🐛 stricter selector for border separator
Should resolve the first bug in #932
2024-08-17 17:21:04 -04:00
alistair3149 fadd9893ea
fix(pagetools): 🐛 add additional check for source edit button
Closes: #929
2024-08-17 17:14:06 -04:00
alistair3149 fd0346eb4f
fix(category): 🐛 fix incorrect hover text color for visited new category
Closes: #933
2024-08-17 17:00:22 -04:00
alistair3149 3dbf41d3c9
refactor(tokens): ♻️ move link tokens to root 2024-08-17 16:56:32 -04:00
alistair3149 6711196bda
fix(core): 🐛 do not use inset for box-shadow-border
It will be overlapped if the content has background
2024-07-25 14:35:42 -04:00
github-actions 07507207b3 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-25 06:25:20 +00:00
alistair3149 9baf8510ce
fix(core): 🐛 fix uneven margin in table cells 2024-07-25 02:24:38 -04:00
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