Commit graph

85 commits

Author SHA1 Message Date
alistair3149 b89873d99c
feat(fonts): add Noto Sans CJK font support
This is by default disabled since it is only used for wikis with CJK language,
and also it adds around 100kb to the startup stylesheet. The fonts are subsetted
with Google Fonts slicing pattern, so it should be performance friendly
2022-10-27 16:53:12 -04:00
alistair3149 4902ae76ab
feat(core): redesign site footer
last modified and copyright message are not implemented yet.
they will be integrated into body content since they are not global.
2022-10-01 15:06:57 -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
alistair3149 be8b9a0a0d
feat(core): clean up and tweak z-index usage
fixes #462
2022-05-23 15:11:41 -04:00
alistair3149 1b7217457a feat(core): do not override blockquote font size 2022-05-19 14:26:56 -04:00
alistair3149 0e3ecf1415
feat(core): use relative units for text and spacing 2022-05-11 19:04:52 -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 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 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 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 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 676c08916a
refactor: move syntax color out of CodeMirror 2021-08-26 12:11:52 -04:00
alistair3149 79c5434071
feat: increase the contrast of buttons and icons 2021-08-10 23:55:54 -04:00
alistair3149 f5a2a831d1
feat: add user customizable line height 2021-08-05 11:24:52 -04:00
alistair3149 020d05c253
feat: improve contrast for primary color in dark theme 2021-07-27 17:18:23 -04:00
alistair3149 7460442580
feat: calculate primary hover state color based on HSL 2021-07-27 15:49:12 -04:00
alistair3149 aae08f0a73
feat: rewrite OOUI skinstyles to the new system 2021-07-27 02:13:22 -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 5f168f03ee
feat: add page load progress bar 2021-06-12 09:54:47 -04:00
alistair3149 5c6408d766 feat: convert border radius to CSS variable 2021-05-27 11:20:12 -04:00
alistair3149 9ecd9722f3
feat: tweak quiet hover and active state color 2021-05-11 12:08:27 -04:00
alistair3149 06e91bb42d
feat: improve header button behavior 2021-05-04 13:27:47 -04:00
alistair3149 93dbd76324
refactor: convert search bar variables to CSS var 2021-05-04 11:48:39 -04:00
alistair3149 b38254cb56
refactor: remove unused LESS variables 2021-04-11 18:24:48 -04:00
alistair3149 b91eb2fb5e
refactor: legacy viewport clean up 2021-04-11 17:57:50 -04:00
alistair3149 f8d90eba0c
refactor: unify transition timing 2021-04-11 17:53:31 -04:00
alistair3149 934f9555c4
fix: dark mode quiet background color 2021-03-20 20:14:21 -04:00
alistair3149 466261a056 feat: separate link color from primary color 2021-03-18 13:02:01 -04:00
alistair3149 16aefbc559
feat: reduce lighter overlay opacity 2021-03-09 12:07:39 -05:00
alistair3149 74fe701036
feat: rewrite core MW gallery styles 2021-03-05 13:43:11 -05:00
alistair3149 73a18ceb56
refactor: clean up header background var 2021-02-04 10:38:29 -05:00
alistair3149 538202f2b2
feat: convert drawer menu to overlay menu 2021-01-29 11:47:33 -05:00
alistair3149 4beb15e43d
feat: update layout in different breakpoints (#227)
* feat: update layout in different breakpoints

* ci: lint code to MediaWiki standards

Check commit and GitHub actions for more details

* feat: remove negative margin for namespace and catlinks

* ci: lint code to MediaWiki standards

Check commit and GitHub actions for more details

Co-authored-by: github-actions <github-actions@users.noreply.github.com>
2021-01-18 15:18:39 -05:00
alistair3149 ffad106fa3
refactor: convert page width to css var 2021-01-16 16:14:04 -05:00
alistair3149 f64a047bda
refactor: clean up header structure and styles 2021-01-15 19:56:59 -05:00
alistair3149 7cbc27b68f
feat: improve contrast of input fields 2021-01-15 13:47:32 -05:00
alistair3149 d647a8453d
feat: update input field styles 2021-01-14 19:09:15 -05:00
alistair3149 8f890e7d5b
feat: rework OOUI widgets styles 2021-01-14 16:49:41 -05:00
alistair3149 17f5a51703
feat: rework OOUI core styles 2021-01-14 15:27:06 -05:00
alistair3149 22a33eaffa
feat: unify core link styles 2021-01-14 12:53:29 -05:00
alistair3149 7db6a19a44
feat: unify icon opacity and states 2021-01-14 12:20:15 -05:00
alistair3149 ba84a43077
feat: update dark active primary color 2021-01-12 17:13:00 -05:00
alistair3149 88a659d1da
feat: change menu hover color to blue to indicate page load 2021-01-12 17:03:52 -05:00
alistair3149 3f60ca2b14
refactor: use common CSS variables for search suggestion 2021-01-12 15:46:40 -05:00
alistair3149 24319fd190
refactor: use common CSS variables for ToC 2021-01-12 15:13:24 -05:00
alistair3149 9d3df250de
refactor: merge CSS variables in core styles 2021-01-12 14:31:35 -05:00