Commit graph

42 commits

Author SHA1 Message Date
github-actions 4b108da3d9 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-11-02 20:29:49 +00:00
alistair3149 db9065f88e
feat(core): use fixed height for header card
This will avoid overflowing and also leave some affordance to close the card
2022-11-02 16:28:56 -04:00
alistair3149 24a907865f
fix(core): 🐛 incorrect max-height for header card 2022-10-19 17:08:14 -04:00
alistair3149 0633db4d7b
fix(core): 🐛 incorrect max height for header card 2022-10-03 12:44:11 -04: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
alistair3149 7b810b2389
fix(core): incorrect z-index for the inner header container
Also fix the undefined LESS variable in the Echo skinstyle
2022-05-25 16:01:21 -04:00
alistair3149 be8b9a0a0d
feat(core): clean up and tweak z-index usage
fixes #462
2022-05-23 15:11:41 -04:00
alistair3149 93087a4fbe
refactor(core): clean up personal menu implementation 2022-05-16 22:52:04 -04:00
alistair3149 c978bb1320
refactor(core): rename title hidden class 2022-05-13 00:30:46 -04:00
alistair3149 22450c4804
refactor(core): clean up header variables 2022-05-10 21:58:57 -04:00
alistair3149 9872a820af
feat(core): make header icon background scale to font size 2022-05-10 14:00:28 -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 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 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 5fb9627ba7
refactor(core): clean up unused LESS variables 2022-05-01 19:09:00 -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
github-actions 86a9f1dece ci: lint code to MediaWiki standards
Check commit and GitHub actions for more details
2021-08-26 03:58:36 +00:00
alistair3149 2285670e08
feat: use mask-image instead of box-shadow for header background
This will allow header fade background blending with color-surface-0, regardless of what color it is set to
2021-08-25 23:56:53 -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 4190ab1904
feat: tweak header box shadow color 2021-07-25 14:34:17 -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 06e91bb42d
feat: improve header button behavior 2021-05-04 13:27:47 -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
alistair3149 e2b4a4e49a
feat: show page title on header after scroll
The page header also acts as a jump to top link
2021-04-26 11:39:27 -04:00
alistair3149 b7e9f85a23
feat: improve header background 2021-03-06 09:35:29 -05:00
alistair3149 359f1b9ce3
fix: fix header background bleeding into content 2021-02-04 10:41:01 -05:00
alistair3149 73a18ceb56
refactor: clean up header background var 2021-02-04 10:38:29 -05:00
RogerDodger 296691c2ab remove pointer events on header
This allows users to click on things underneath the header itself
or its shadow. Very useful, especially if the shadow is made any
bigger.
2021-02-04 18:46:41 +10:30
RogerDodger 228d597cb2 change header shadow to an eased gradient 2021-02-04 14:10:35 +10:30
alistair3149 10766b160b
fix: fix header background bleeding 2021-01-28 15:20:14 -05:00
alistair3149 f64a047bda
refactor: clean up header structure and styles 2021-01-15 19:56:59 -05:00
alistair3149 9d3df250de
refactor: merge CSS variables in core styles 2021-01-12 14:31:35 -05:00
alistair3149 e27fe0b998
feat: remove header box-shadow transition 2021-01-11 13:52:53 -05:00
alistair3149 da76ccbbeb
refactor: order styles with idiomatic order 2021-01-11 11:45:52 -05:00
Hannes 044f27c5ba
refactor: Convert colors to css variables 2021-01-09 22:56:28 +01:00
alistair3149 138dc57d32 Remove Titillium Web font 2020-08-12 12:59:56 -04:00
alistair3149 0484c32f41
Reorganize stylesheets into its ResourceLoader module (#126) 2020-06-09 22:12:04 -04:00
Renamed from resources/components/Header.less (Browse further)