alistair3149
eadaef7a0a
refactor(core): ♻️ clean up header card mixins and var
2022-09-30 16:52:13 -04:00
alistair3149
6de95d4fec
feat(core): redesign site header ( #521 )
...
Change header into vertical header for large screen and bottom header for small screen.
2022-09-29 19:12:56 -04:00
github-actions
0d63257e86
ci: lint code to MediaWiki standards
...
Check commit and GitHub actions for more details
2022-09-28 21:02:56 +00:00
alistair3149
e53afa51dc
fix(core): config CitizenThemeDefault should set theme correctly
...
Previously the config did set the theme correctly but get overridden by the inline
script to auto, this will fix it.
Closes : #418
2022-06-29 15:29:44 -04:00
alistair3149
215e043f54
style(core): minor cleanup for the preference module
2022-05-25 16:38:39 -04:00
alistair3149
ea875234be
feat(core): use keywords for transform origin
...
This would allow CSSJanus to flip the styles correctly for RTL
2022-05-20 16:07:44 -04:00
alistair3149
b02948837c
refactor(core): do not use h3 for preference card header
2022-05-18 21:37:27 -04:00
alistair3149
23795e05e3
chore(ci): disable mediawiki/class-doc
2022-05-13 00:20:05 -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
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
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
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
ca59b097ba
refactor(core): merge duplicating mixins together
2022-05-01 22:53:41 -04:00
alistair3149
e6a9bd38f1
feat(core): add animation to preferences menu
2022-05-01 22:36:14 -04:00
alistair3149
56a869b3d9
refactor(core): clean up transition variable names
2022-05-01 19:14:17 -04:00
alistair3149
c74f1685d6
feat(core): add aria-label for preferences button
2022-04-30 18:01:38 -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
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
2c79c061c4
feat: pass styles as style element instead of inline
2022-04-25 20:34:40 -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
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
alistair3149
f5a2a831d1
feat: add user customizable line height
2021-08-05 11:24:52 -04:00
alistair3149
7dc0d14c70
feat: simplify background color variables in core styles
...
--background-color-dp-XX is soft depreciated, please use --color-surface-X instead
2021-07-25 19:16:05 -04:00
alistair3149
19119f2b5d
feat: add auto theme to preferences
2021-06-09 14:40:44 -04:00
alistair3149
5c6408d766
feat: convert border radius to CSS variable
2021-05-27 11:20:12 -04:00
alistair3149
b32151c99a
fix: remove click eventlistener when pref panel is hidden
2021-05-18 12:27:10 -04:00
alistair3149
5d1af2ccb4
fix: inconsistent cursor in header button
2021-05-17 18:58:12 -04:00
alistair3149
6264b918e2
feat: dismiss preference panel when clicked outside or esc is pressed
2021-05-10 13:25:10 -04:00
alistair3149
ac2ed38183
feat: unify header button highlight hover state ( #363 )
2021-05-10 12:00:04 -04:00
alistair3149
782a3fab09
fix: preference icon misalignment in large font sizes ( #363 )
2021-05-05 12:41:24 -04:00
alistair3149
06e91bb42d
feat: improve header button behavior
2021-05-04 13:27:47 -04:00
alistair3149
7eb9b1d7a1
refactor: clean up skins.citizen.preferences
2021-04-28 12:05:52 -04:00
alistair3149
7d44d6e082
feat: added check for localStorage
2021-04-28 12:05:52 -04:00
alistair3149
3464ff0dfe
feat: tweak theme toggle styles
2021-04-27 13:51:03 -04:00
alistair3149
6b5b6cb07a
feat: tweak show/hide behavior for preference menu
2021-04-27 13:51:03 -04:00
alistair3149
51ac47691e
feat: implement reading preferences
...
allow visitor to adjust theme, font size, and page width
2021-04-27 13:51:03 -04:00