Commit graph

350 commits

Author SHA1 Message Date
alistair3149 2a53abed2f
feat(tokens): lower the brightness of destructive color in dark mode
Signed-off-by: alistair3149 <alistair31494322@gmail.com>
2024-10-22 17:39:01 -04:00
alistair3149 db4d8a0103
feat(tokens): update state colors 2024-10-22 17:35:28 -04:00
alistair3149 50832a7d5d
fix(menu): 🐛 prevent dropdown menus from overflowing the viewport 2024-10-22 14:54:02 -04:00
alistair3149 7867ad990c
fix(pageActions): 🐛 add missing transition property 2024-10-22 14:41:59 -04:00
alistair3149 43ed770b62
fix(core): 🐛 escape CSS variable in HSL color 2024-10-19 04:34:04 -04:00
alistair3149 0259645eb5
feat(features): remove saturation from black mode colors 2024-10-19 03:41:36 -04:00
alistair3149 f96cd7435e
feat(features): make black theme color darker 2024-10-19 03:37:31 -04:00
alistair3149 a353b14dc7
fix(tokens): 🐛 incorrect shadow opacity for dark theme 2024-10-19 03:36:38 -04:00
alistair3149 951913458c
feat(tokens): simplify box shadow and align closer with Codex styles
- Remove excessive layers in smaller shadows
- Align small and medium shadow closer to Codex
- Rename some of the inner shadow CSS variables
2024-10-19 01:15:41 -04:00
alistair3149 bb9ed449f6
feat(core): improve and clean up various CSS transitions 2024-10-19 00:48:20 -04:00
alistair3149 b9a92b4692
feat(core): add more saturation to text colors 2024-10-17 02:40:04 -04:00
alistair3149 20f484d9a3
feat(core): simplify section implementation and update support for new headings 2024-10-16 16:17:32 -04:00
alistair3149 bd71ac747b
fix(core): 🐛 use CSS calc instead of LESS calculation
It seems that there are some changes in the LESS parser in MW 1.43that breaks some
of the existing LESS calculation.

This should also fix #957
2024-10-16 15:04:39 -04:00
alistair3149 3601fbd3ee
feat(core): make dark mode surface colors a bit darker 2024-10-05 22:39:07 -04:00
alistair3149 ec68a30579
feat(core): make border color more visible in pure black mode 2024-10-05 22:33:09 -04:00
alistair3149 6f6aa82743
feat(core): increase max-height for menus in mobile layout 2024-09-26 22:53:13 -04:00
alistair3149 7b3f8f5823
feat(core): add placeholder text color 2024-09-26 21:59:47 -04:00
alistair3149 8f61265cec
feat(core): add support for skin-invert and skin-invert-image
Sync with current dark mode standards from Vector 2022
2024-09-11 04:26:05 -04:00
alistair3149 8354f8e263
feat(core): do not hardcode scroll padding top 2024-09-10 17:02:59 -04:00
alistair3149 3dbf41d3c9
refactor(tokens): ♻️ move link tokens to root 2024-08-17 16:56:32 -04:00
github-actions 07507207b3 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-25 06:25:20 +00:00
alistair3149 9baf8510ce
fix(core): 🐛 fix uneven margin in table cells 2024-07-25 02:24:38 -04:00
alistair3149 2fe94438ee
feat(core): add reset styles for border-width and border-color
This will affect existing wikis that uses the invalid border attribute like in #902.
Border attribute is not valid HTML in HTML5 and it has been causing a lot of headache
in other styles
2024-07-20 19:35:14 -04:00
alistair3149 c9d98e477a
feat(stickyHeader): add CSS var --height-sticky-header to offset sticky elements
--height-sticky-header will always return the current height of sticky header.
It can be used to offset sticky elements so that it adjusts to the sticky header.
2024-07-19 17:08:03 -04:00
alistair3149 a9fb03fc8e
fix(print): 🐛 only color variables require important declaration 2024-07-15 02:09:05 -04:00
alistair3149 1fefddd41a
feat(core): implement Codex border-width tokens 2024-07-15 02:07:25 -04:00
alistair3149 5296aef9de
feat(print): add wikitable styles and hide contentSub 2024-07-15 02:03:28 -04:00
alistair3149 aeb083e74d
fix(print): 🐛 add important declaration to hidden print elements 2024-07-14 19:41:41 -04:00
alistair3149 8641becb2a
feat(print): allow font size settings affect print styles 2024-07-14 18:09:53 -04:00
alistair3149 1da57e5902
feat(print): hide page footer in print styles 2024-07-14 18:05:03 -04:00
github-actions 79ac340667 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-14 21:44:10 +00:00
alistair3149 543400d9d5
feat(print): rework print styles 2024-07-14 17:43:34 -04:00
alistair3149 f0d1176f2a
feat(pref): add clientpref to disable auto-hide navigation
Closes #841
2024-07-10 13:59:03 -04:00
alistair3149 b5180bfbda
feat(core): use Codex tokens for z-index 2024-07-09 16:44:15 -04:00
alistair3149 232fd0cc4b
feat(core): clean up th styles
- th should not use the same styles as label
- Restore font weight and color to th
- Sync different th styles in extensions
2024-07-07 02:14:36 -04:00
alistair3149 442c272cab
feat(wikitable): use box-shadow instead of border hacks to build table border 2024-07-07 01:51:22 -04:00
alistair3149 ba62b92e29
feat(core): theme and unify text selection color using progressive colors 2024-07-06 17:53:56 -04:00
alistair3149 b53381ed12
feat(pref): extend font-size adjustments to all text
- Move font size calucation from LESS to CSS variables
- Move font size variables to tokens.less
2024-07-05 13:40:39 -04:00
alistair3149 00b2495c1a
feat(core): use px for border-radius
- Move border radius calculation to CSS variable instead of LESS
- Rename CSS variable according to Codex, soft-deprecating the existing border radius
2024-07-05 13:24:31 -04:00
alistair3149 add781a4a1
feat(core): use text-wrap pretty for blockquote elements
Note that this is still in editor draft and only works for Chromium browser
2024-07-04 15:17:09 -04:00
alistair3149 5b0bb4c209
refactor(core): ♻️ use new sr-only rules instead of relying on core
Core mixins are very conservative in comparsion and mixins are changed from time to time.
It is more maintainable to maintain our own sr-only styles.
2024-07-03 14:41:14 -04:00
alistair3149 1bce8921d0
fix(core): 🐛 remove smooth scrolling for body
Often on long pages, smooth scrolling is causing unexpected behaviors and performance issues. For example, it refuses to scroll to the target, or triggers lazyloaded content when not needed. 

Fixes: #883
2024-07-03 03:03:20 -04:00
alistair3149 931e94da43
chore(dev): 🔧 disable plugin/no-unsupported-browser-features in Stylelint
It is very conservative and it is negatively affecting the performance of Stylelint.
Disabling it for now.
2024-07-02 19:29:37 -04:00
alistair3149 7c9eadb662
feat(core): convert some CSS variables into Codex equivalent part 3 2024-07-01 00:16:15 -04:00
alistair3149 ff0a6ed710
feat(core): clean up state colors 2024-07-01 00:04:36 -04:00
alistair3149 c21a908c12
feat(core): set new link color to color-destructive 2024-06-30 20:49:50 -04:00
alistair3149 0fdc7c4ad7
feat(core): convert some CSS variables into Codex equivalent part 2
Also fix various inconsistencies with quiet buttons
2024-06-30 20:41:31 -04:00
alistair3149 5d3ecd9edd
feat(core): convert some CSS variables into Codex equivalent
This is an on-going work to adapt Codex into Citizen.
Some of the CSS variables are soft depreciated, see tokens.less for updated info.
2024-06-30 01:04:30 -04:00
alistair3149 f0de4f4c5b
feat(overflow): use CSS variable for overflow gradient size
This will allow the gradient to be adjustable through CSS
2024-06-27 18:15:32 -04:00
alistair3149 c47531a28b
feat(wordmark): implement wordmark in drawer
Also simplify existing styles for wordmark
2024-06-24 14:05:21 -04:00