Commit graph

32 commits

Author SHA1 Message Date
沈澄心 a61746bf8e
fix(core): header icon position in older browsers (#670)
* Update Header.less

* Update skins.citizen.preferences.less

* Update Header.less

* Update Header.less
2023-06-22 13:49:26 -04:00
github-actions 5ad7e34c25 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-05-23 16:26:20 +00:00
沈澄心 b43da4d81e
fix(preferences): incorrect preferences icon position on Chrome 81 2023-05-23 12:25:14 -04:00
alistair3149 68313123e9
feat(core): apply box-sizing: border-box by default 2023-03-01 16:08:07 -05:00
github-actions 9e15415835 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-02-28 21:59:36 +00:00
alistair3149 3414d59643
feat(core): dynamic dark theme color based on primary hue 2022-12-14 14:06:06 -05:00
alistair3149 5e14891088
feat(typography): add label styles 2022-11-23 20:52:44 -05:00
alistair3149 2d014694a6
feat(core): migrate misc icons to use RIL icon module 2022-11-21 17:43:03 -05:00
alistair3149 6ce7247616
feat(core): use relative spacing for caption styles 2022-11-21 17:42:37 -05:00
alistair3149 969cd787d6
feat(core): use different font weight in different themes
The same font weight do not provide the same contrast in different themes.
We should be able to change the scaling
2022-11-21 17:42:26 -05:00
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 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 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 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 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 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 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 5c6408d766 feat: convert border radius to CSS variable 2021-05-27 11:20:12 -04:00
alistair3149 5d1af2ccb4
fix: inconsistent cursor in header button 2021-05-17 18:58:12 -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 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