Commit graph

52 commits

Author SHA1 Message Date
alistair3149 15296d55be
refactor(core): move checkboxHack checkboxes into container 2022-05-10 11:15:34 -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 ca59b097ba
refactor(core): merge duplicating mixins together 2022-05-01 22:53:41 -04:00
alistair3149 2c9a5f45ec
refactor(core): merge menu content show transition into mixin 2022-05-01 22:11:31 -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 56a869b3d9
refactor(core): clean up transition variable names 2022-05-01 19:14:17 -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 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 673445c718 ci: lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-04-23 05:32:12 +00: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 d2e981a7d6
feat: tweak drawer menu animation 2021-07-30 22:13:01 -04:00
alistair3149 9ff44d807b
feat: show article stats in menu on mobile viewport 2021-07-30 14:05:25 -04:00
alistair3149 b72ea763a3
feat: change menu into a modal instead of overlay 2021-07-30 13:48:57 -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
Eshagh c891f42fd1
feat: add RTL icons for drawer toggle and VE save button (#374)
* Customize the drawer button for RTL language

* Convert ">" to "<" for RTL language

Co-authored-by: eshagh79 <eshagh094@gmail.com>
2021-05-06 22:36:34 -04:00
alistair3149 06e91bb42d
feat: improve header button behavior 2021-05-04 13:27:47 -04:00
alistair3149 9008d98e9c
feat: remove will-change property from drawer 2021-04-16 21:08:50 -04:00
alistair3149 1b3fff4170
fix: CSS animation flash on page load on Chromium 2021-03-13 12:43:28 -05:00
alistair3149 852bcf8b85
feat: tweak header and drawer logo styles 2021-03-05 11:37:27 -05:00
alistair3149 b8fc3018ff
feat: implement wordmark in header 2021-03-04 15:08:32 -05:00
alistair3149 651dc5d9b5
fix: portal should be centered in single col layout 2021-02-20 15:23:59 -05:00
alistair3149 6eb0056885
fix: fix incorrect container width for drawer menu 2021-02-03 16:11:17 -05:00
alistair3149 f133b106aa
feat: tweak box shadow of drawer subsearch 2021-02-03 16:04:35 -05:00
alistair3149 e6055cf238
feat: hide drawer subsearch when no js 2021-02-03 15:52:25 -05:00
alistair3149 00448a095d
feat: add drawer subsearch part 2 2021-02-03 15:47:32 -05:00
alistair3149 071b1bb587
feat: remove unnecessary justify center for overlay menu 2021-01-29 15:59:31 -05:00
alistair3149 96a98da021
feat: use flexbox for overlay menu 2021-01-29 14:54:42 -05:00
alistair3149 91376ab01e
feat: increase the speed of the overlay menu transition 2021-01-29 13:21:11 -05:00
alistair3149 1c6df3a4b1
feat: increase font-size of overlay menu header 2021-01-29 13:10:46 -05:00
github-actions bfe10f6c71 ci: lint code to MediaWiki standards
Check commit and GitHub actions for more details
2021-01-29 16:55:58 +00:00
alistair3149 a276aa2828
feat: add border radius to menu link 2021-01-29 11:55:17 -05:00
alistair3149 538202f2b2
feat: convert drawer menu to overlay menu 2021-01-29 11:47:33 -05:00
alistair3149 fbc901e6e0
refactor: clean up portal styles 2021-01-27 15:05:31 -05:00
alistair3149 e142800957
feat: move toolbox to page more menu 2021-01-27 14:52:49 -05:00
alistair3149 f65bf157bd
feat: move personal menu to header (#231)
* fix: fix header background bleeding in VE

* feat: move personal menu out of drawer to header

* feat: update personal menu styles in smaller breakpoints

* fix: fix typo in qqq documentation

* ci: lint code to MediaWiki standards

Check commit and GitHub actions for more details

* feat: add title text to personal menu button

Co-authored-by: github-actions <github-actions@users.noreply.github.com>
2021-01-19 15:56:42 -05:00
alistair3149 8e1b1a1493
refactor: convert core styles to use padding-page var 2021-01-15 20:28:13 -05:00
alistair3149 f64a047bda
refactor: clean up header structure and styles 2021-01-15 19:56:59 -05:00
alistair3149 7db6a19a44
feat: unify icon opacity and states 2021-01-14 12:20:15 -05:00
alistair3149 9d3df250de
refactor: merge CSS variables in core styles 2021-01-12 14:31:35 -05:00
alistair3149 da76ccbbeb
refactor: order styles with idiomatic order 2021-01-11 11:45:52 -05:00
Hannes affe2ddc66
test: Make CI happy 2021-01-09 23:14:48 +01:00
Hannes 044f27c5ba
refactor: Convert colors to css variables 2021-01-09 22:56:28 +01:00
alistair3149 71436b9d69 Remove unnessecary font-family rule 2020-08-12 12:59:57 -04:00
alistair3149 0f4345dd35
Fix RTL drawer icon animation 2020-08-12 12:56:03 -04:00
alistair3149 ea4180af3a
Fix drawer overflow in mobile 2020-07-03 21:59:59 -04:00
alistair3149 41197bcea8
Rounded drawer menu 2020-06-30 14:37:33 -04:00
alistair3149 779ba44dbd
Rounded icon for drawer and search button 2020-06-23 14:35:01 -04:00