Commit graph

980 commits

Author SHA1 Message Date
alistair3149 7cdd049ea9
fix(core): mw-list-item does not exist in older MW 2022-05-13 14:52:20 -04:00
alistair3149 7bfc9f88d7
feat(core): tweak and clean up ToC card styles 2022-05-13 13:42:22 -04:00
alistair3149 03d853c50e
feat(core): change ToC toggle behavior and position 2022-05-13 01:12:52 -04:00
alistair3149 c978bb1320
refactor(core): rename title hidden class 2022-05-13 00:30:46 -04:00
alistair3149 d59ca5c83a
refactor(core): move intersection observer into a module
* We will likely use it for other things in the future
* Based on Vector's implementation
* Also do not get toc element twice
2022-05-13 00:26:53 -04:00
alistair3149 23795e05e3
chore(ci): disable mediawiki/class-doc 2022-05-13 00:20:05 -04:00
alistair3149 13a2b710ea
refactor(core): remove duplicated check for ToC 2022-05-12 23:24:32 -04:00
alistair3149 194c73d5bb
style(core): use arrow function 2022-05-12 22:44:17 -04:00
alistair3149 5ff7b4cf90
fix(core): invisible search suggestion item 2022-05-12 22:43:05 -04:00
alistair3149 86150d492d
refactor(core): clean up checkboxHack implementation
Mostly based on Vector 2022. Now we target checkbox hacks by the HTML classes
.mw-checkbox-hack-TYPE instead of defining each individually, which would
make it more scalable.
2022-05-12 22:37:28 -04:00
alistair3149 5dc456cc6a
fix(core): incorrect table of content modal location 2022-05-12 21:48:20 -04:00
alistair3149 508c96ae9d
refactor(core): merge ToC script into core scripts 2022-05-12 17:18:39 -04:00
alistair3149 e0d5eb9657
feat(core): set toc-enabled through Mustache template
Since somewhere around MW 1.37, buildSkinFeatures() no longer have access to OutputPage.
That causes $out->isTOCenabled always return null, which makes ToC
broken for any wikis since 1.37. This should fix the issue for now.
More optimizations on the loading behavior will come soon.
2022-05-12 17:01:01 -04:00
alistair3149 478a8396af
refactor(core): merge card content fade animation into mixin 2022-05-11 22:06:33 -04:00
github-actions a2577db3c8 ci: lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-05-12 01:41:40 +00:00
alistair3149 c69f2927ef
feat(core): set accent-color as primary color 2022-05-11 21:40:27 -04:00
alistair3149 b73357cf7c
feat(core): update checkboxHack API 2022-05-11 21:32:36 -04:00
alistair3149 da26d4bc7f
refactor(core): add null check search button checkbox 2022-05-11 19:08:51 -04:00
alistair3149 0e3ecf1415
feat(core): use relative units for text and spacing 2022-05-11 19:04:52 -04:00
alistair3149 895d7c2398
feat(core): add missing title text to preferences button 2022-05-11 18:47:02 -04:00
alistair3149 d39deb157c
feat(core): make range indicator text smaller 2022-05-10 22:22:31 -04:00
alistair3149 3e051f0d67
feat(core): use relative units for page actions 2022-05-10 22:17:12 -04:00
alistair3149 7ff415db13
feat(core): use relative unit for search suggestion 2022-05-10 22:05:42 -04:00
alistair3149 22450c4804
refactor(core): clean up header variables 2022-05-10 21:58:57 -04:00
alistair3149 1186bdf102
feat(core): update preferences menu behavior
* Adjust font size slider range, it starts at 80% and ends at 180%
* Font size is always shown in percentage now
* Better handling of initial font size, it should now detect browser or site default correctly
* Use relative units
* Tweak styles
2022-05-10 21:45:30 -04:00
alistair3149 9872a820af
feat(core): make header icon background scale to font size 2022-05-10 14:00:28 -04:00
alistair3149 9a28bccd64
refactor(core): partial cleanup of header preferences
This is a part of the header refactor
* Use styles provided by header
* Clean up header-related HTML classes
2022-05-10 13:39:58 -04:00
alistair3149 f8d90e1782
fix(core): hover state should be visible on card 2022-05-10 13:37:48 -04:00
alistair3149 000643ad36
refactor(core): clean up personal menu
This is a part of the header refactor
* Clean up DOM strcture
* Clean up unnessecary styles
* Clean up HTML classes
* Add active state to button
2022-05-10 13:36:52 -04:00
alistair3149 cae7deb945
refactor(core): clean up header icon styles 2022-05-10 11:59:43 -04:00
alistair3149 15296d55be
refactor(core): move checkboxHack checkboxes into container 2022-05-10 11:15:34 -04:00
alistair3149 105d1b9006 refactor(core): clean up inner header implementation
This is a part of the header refactor
* Add hover and active state for title button
* Clean up DOM structure
* Clean up unnessecary styles
* Clean up HTML class names
2022-05-10 10:52:36 -04:00
alistair3149 6e35212007 refactor(core): clean up search box implementation
* Clean up DOM structure
* Clean up HTML classes
* Use relative units
* Remove unnessecary CSS
2022-05-10 10:52:36 -04:00
alistair3149 5ccfbcfdeb refactor(core): clean up drawer implementation
This is a part of the site header refactor
* Use relative units
* Add title to toggle button
* Remove unnessecary CSS
* Rewrite HTML classes
* Temporary remove drawer subsearch, it will be re-explored in a later patch
2022-05-10 10:52:36 -04:00
alistair3149 44f9bc0a7c
feat(core): style parenthesis text in FirstHeading differently
Parenthesis text in FirstHeading are commonly used for disambiguation purposes
Therefore it does not have to be as prominent as the title
2022-05-07 00:45:51 -04:00
alistair3149 b00c7ddf4a
feat(core): tweak ToC styles
* Use the same border radius as other Citizen menus
* Remove unnessecary margin and padding
* More accurate height calculations
2022-05-03 16:03:34 -04:00
alistair3149 a3d85bb8a5
fix(core): fix overflow in search suggestions 2022-05-02 21:36:59 -04:00
alistair3149 ca59b097ba
refactor(core): merge duplicating mixins together 2022-05-01 22:53:41 -04:00
alistair3149 a6d88fc68b
style: lint styles with stylelint 2022-05-01 22:40:27 -04:00
alistair3149 d286afdfb9
feat(core): add animation to page tools more menu 2022-05-01 22:39:41 -04:00
alistair3149 e6a9bd38f1
feat(core): add animation to preferences menu 2022-05-01 22:36:14 -04:00
alistair3149 41e0832904
feat(core): remove animation from searchbox but keep suggestion on mobile 2022-05-01 22:17:36 -04:00
alistair3149 b4959b1972
feat(core): add animation to personal menu 2022-05-01 22:12:47 -04:00
alistair3149 2c9a5f45ec
refactor(core): merge menu content show transition into mixin 2022-05-01 22:11:31 -04:00
alistair3149 e2a6a0355c feat(core): toggle visbility in CSS when menu is show/hidden
* Better performance as browser would not render element when it is hidden
* Better accessbility support for screen readers
2022-05-01 21:46:39 -04:00
alistair3149 60d57dea85
feat(core): switch searchbox transitions to scale 2022-05-01 21:35:33 -04:00
alistair3149 c0c2e61bf3
refactor(core): turn card animation into a mixin 2022-05-01 21:23:37 -04:00
alistair3149 e2da010a90
feat(core): tweak drawer open transition
Instead of using translate which can look jarring especially in large menus,
we use a combination of scale and opacity to achieve smoother effect while
saving more on performance.
2022-05-01 20:17:06 -04:00
alistair3149 fae606277f
feat(core): tweak transition timing and curve
* Subtle transitions (e.g. color, opacity) are now sped up to 100ms,
so that it feels more responsive.
* Sizing transitions (e.g. transform, height) are now slowed to 250ms
and use a new cubic curve, it should feel more smooth.
2022-05-01 19:25:32 -04:00
alistair3149 56a869b3d9
refactor(core): clean up transition variable names 2022-05-01 19:14:17 -04:00
alistair3149 5fb9627ba7
refactor(core): clean up unused LESS variables 2022-05-01 19:09:00 -04:00
alistair3149 709a89d399
perf(core): remove box-shadow transition for thumbnails
It is not nessecary and expensive to run. If it is needed, a pseudo element should be used instead
2022-05-01 18:57:59 -04:00
alistair3149 b39452d3b5
refactor(core): remove unnessecary style overrides for links
* Visited link styles are removed from MW already,
there are no need to use important to override those rules.
* Citizen should not override text-decoration setting if users
want to have underline links.
2022-05-01 18:45:48 -04:00
alistair3149 4bacf2fff1
perf(core): remove expensive CSS transitions 2022-04-30 18:04:19 -04:00
alistair3149 c74f1685d6
feat(core): add aria-label for preferences button 2022-04-30 18:01:38 -04:00
alistair3149 ac3ebf56a2 fix(core): incorrect aria-controls ID in section toggle 2022-04-30 17:19:57 -04:00
alistair3149 76a84d9e00 feat(core): add ARIA support to collaspible sections
* Also renamed toggle to indicator since it is misleading. The whole heading is the toggle itself.
2022-04-30 14:48:09 -04:00
alistair3149 b69ca82650
fix: lower header z-index to 4
The original z-index is way too high (10) and would overlap dialogs.
It should be set to 4 (same as Vector 2022) to ensure compatiblity with OOUI elements.

Closes #447
2022-04-30 13:50:49 -04:00
alistair3149 39225d6f36
perf(core): improve rendering performance of drawer menu 2022-04-28 21:54:54 -04:00
alistair3149 87f6e4fa19
feat(core): tweak sitestats style
* Left align the drawer header
* Hide file count when width is smaller than 480px
2022-04-28 21:41:41 -04:00
alistair3149 c23a1d7838
feat: unify modal styles
All modals should follow the same styles
2022-04-28 15:18:41 -04:00
alistair3149 eb9cd37cb7
fix: add missing selector in older MW version
mw-portlet is not available in older MW version, added mw-portal as backup
2022-04-28 01:22:20 -04:00
alistair3149 571704f3a9
feat(core): tweak code block styles
* Add rounded corner
* Update background color
2022-04-27 19:38:12 -04:00
alistair3149 d22f562816
fix: uncaught value when no theme value is saved
Users are unable to open the preference panel when there are no theme option saved in localStorage.
It is because prefValue.theme will return null which will stop the script from executing.
Now when prefValue.theme is null, it will default to auto.
2022-04-27 16:44:53 -04:00
alistair3149 9eeac80bf5
feat: tweak collapsible toggle size 2022-04-27 16:15:23 -04:00
alistair3149 7e068dd4b1
refactor: simplify unnessecary selectors 2022-04-27 14:43:02 -04:00
alistair3149 b9b795ff11
refactor: use gap instead of margin-right for spacing 2022-04-27 14:02:10 -04:00
alistair3149 a61635ea8f
feat: tweak edit button styles when both visual and source edit are present 2022-04-27 13:35:03 -04:00
alistair3149 0177a06a22 feat: use wikiText icon for source edit when VE is present
* Use wikitext icon to indicate source edit instead of regular edit icon.
* Visual edit would now use regular edit icon
2022-04-27 13:12:59 -04:00
alistair3149 96013bb126
feat: deprecate --background-color-dp-XX in favor of --color-surface-X
--background-color-dp-XX is now fully deprecated in favor of a simpler 4 color surface system. It can be accessed through the --color-surface-X CSS var.
2022-04-25 22:27:52 -04:00
alistair3149 fed5369847
fix: add null check for checkboxObj.target
It should no longer throw an exception which causes other script to fail

Closes #432
2022-04-25 21:48:52 -04:00
alistair3149 2c79c061c4 feat: pass styles as style element instead of inline 2022-04-25 20:34:40 -04:00
alistair3149 9041cc6f22
feat: tweak category styles 2022-04-24 15:38:17 -04:00
alistair3149 f5d280e4c3
fix: remove indentations 2022-04-24 15:34:43 -04:00
alistair3149 47e1259bc3
feat: implement a more adaptive smooth shadow
* Looks more natural
* Can be customized through the surface-shadow and shadow-strength CSS var
* Light mode and dark mode have been different shadow now, it should be more visible in dark mode
* Box-shadow is a CSS var, which can be used in templates and wiki CSS
2022-04-24 15:24:09 -04:00
alistair3149 f05295195a feat: move discussion to the top of the more menu
Also clean up some related-styles
2022-04-24 01:53:47 -04:00
github-actions 673445c718 ci: lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-04-23 05:32:12 +00:00
alistair3149 6217bad7c0 feat: implement RTL icons 2022-04-23 01:30:02 -04:00
alistair3149 6efff7f5da feat: revamp drawer header
* wgLogo is always visible in the drawer
* Increase the size of wiki name
* Sitestats will now format large numbers into human readable formats (e.g. 12.2K, 3M, etc.)
* Sitestats now use icons instead of text as labels
* Remove wordmark for now, will revisit later
2022-04-23 01:30:02 -04:00
alistair3149 047f830d1a
fix: FOUC of light theme when user is using auto theme and prefer dark
The prefer-dark script was previously deferred which causes a delay to detect and switch theme for the user. It is now inlined to prevent the delay.
2022-04-19 18:17:53 -04:00
alistair3149 7ecf3a81eb
feat: depreciate theme preferences in MW user preferences
Just local storage is good enough
2022-04-19 17:31:23 -04:00
alistair3149 7b7641b366
feat: hide toc number by default 2022-04-17 18:12:11 -04:00
alistair3149 a2dffec7eb
feat: remove letter spacing from wordmark 2022-04-17 18:07:56 -04:00
Lens0021 449278f0be
feat: use template data for page tools if available (#440)
* Use template data for page tools if available

* ci: lint code to MediaWiki standards

Check commit and GitHub actions for more details

* emptyPortlet class is added by the core

* ci: lint code to MediaWiki standards

Check commit and GitHub actions for more details

* Update PageTools.php

* Set toolbox to always valid data

Co-authored-by: github-actions <github-actions@users.noreply.github.com>
2022-04-14 00:30:33 -04:00
github-actions eddcf5b493 ci: lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-02-19 20:09:01 +00:00
github-actions df7abc4010 ci: lint code to MediaWiki standards
Check commit and GitHub actions for more details
2021-12-16 03:20:34 +00:00
alistair3149 f5c5c996fa
fix: fix eslint no-shadow error 2021-12-15 22:19:39 -05:00
alistair3149 c51c73159b
feat: add a max height to more action menu
Fix #365. This is a bandage fix for the language variant menu until the language variant menu is moved to an alternate location.
2021-10-07 11:14:53 -04:00
alistair3149 f24ab7dd97
fix: background clipping between data-after-content and footer 2021-08-31 13:27:33 -04:00
alistair3149 59ca621c80
feat: use neutral background for search suggestion thumbnails 2021-08-31 13:13:49 -04:00
alistair3149 d5ac0ce295
feat: update RelatedArticle skinstyle to grade A 2021-08-31 12:29:49 -04:00
alistair3149 9134834d6d
feat: add fading to mw-data-after-content 2021-08-26 17:11:01 -04:00
alistair3149 676c08916a
refactor: move syntax color out of CodeMirror 2021-08-26 12:11:52 -04:00
alistair3149 c15dafffea
feat: tweak ToC styles and show numbers 2021-08-26 11:18:25 -04:00
github-actions 86a9f1dece ci: lint code to MediaWiki standards
Check commit and GitHub actions for more details
2021-08-26 03:58:36 +00:00
alistair3149 2285670e08
feat: use mask-image instead of box-shadow for header background
This will allow header fade background blending with color-surface-0, regardless of what color it is set to
2021-08-25 23:56:53 -04:00
alistair3149 e53ca7839b
feat: add smooth fading to footer top margin 2021-08-25 23:53:11 -04:00
alistair3149 79c5434071
feat: increase the contrast of buttons and icons 2021-08-10 23:55:54 -04:00
alistair3149 f7e73cf171
feat: add security header deprecation message for upcoming version 2021-08-05 11:41:31 -04:00
alistair3149 e03647eef6 fix: plainlist styles should not be overriden 2021-08-05 11:36:25 -04:00