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