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
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
5bc18b5f4a
feat(core): ✨ hide the text from the help indicator
2024-06-14 13:12:30 -04:00
alistair3149
a405d64616
refactor(core): ♻️ various performance and style improvements
2024-05-21 18:08:28 -04:00
alistair3149
e791a52cd5
refactor(core): ♻️ replace usage of skin-citizen-theme classes
2024-04-24 20:48:43 -04:00
alistair3149
fc47692421
feat(core): ✨ rename border-color variables and increase contrast
...
Align variable names with Codex
2024-04-19 15:20:59 -04:00
alistair3149
11566de6b6
style(css): 🎨 re-apply stylelint fixes
2024-04-16 01:28:45 -04:00
alistair3149
7fda12693d
fix(core): 🐛 select dropdown menu background
2024-03-20 13:47:30 -04:00
alistair3149
84abe5a71c
feat(datatables): ✨ rework search pane and filter styles
2024-03-19 18:01:51 -04:00
alistair3149
c9f665ef78
feat(core): ✨ use CSS variables for small font sizes
2024-02-26 17:16:07 -05:00
alistair3149
60999eb1d9
feat(core): ✨ replace breakpoint LESS variables with Codex tokens
...
Codex tokens are a better implementation and this should ensure consistency across the MW ecosystem.
We have to keep a copy for now as they are introduced in 1.41.
Related: #735
2023-11-16 17:55:59 -05:00
alistair3149
ba5bea704e
style: 🎨 apply recess order to styles
2023-07-27 21:19:27 -04:00
alistair3149
a6bc1a8d4b
feat(core): ✨ sync input styles with Codex and OOUI
2023-07-16 20:48:37 -04:00
alistair3149
2bf20397e1
feat(core): ✨ use filter-invert CSS variable to flip color
...
This decouple the filter style from the class.
Instead, filter-invert can be redefined if needed (e.g. :root.skin-citizen-dark)
2023-07-10 16:56:56 -04:00
alistair3149
6cddf85131
feat(search): ✨ add clear button to search box
2023-07-10 16:23:48 -04:00
alistair3149
8c888a7e1f
feat(core): ✨ make tables responsive without breaking table layout
...
Instead of a CSS solution used previously, switch to a JS solution to wrap tables.
This should ensure the table renders correctly and also scrollable.
This lays the groundwork for making table more user-friendly in the future.
2023-04-30 17:01:29 -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
afcf37d529
fix(core): 🐛 checkboxHack buttons should be focusable
...
So that users can use keyboard to navigate to such button.
Previously they all have a display:none property, which makes it
impossible to reach with keyboard
2023-01-25 20:20:46 -05:00
alistair3149
3d1ca8b2ad
feat(core): ✨ reduce the click event delay on touch devices
2022-12-08 13:51:22 -05:00
alistair3149
75ab097ba1
feat(core): ✨ update MW datatable styles
2022-12-06 15:06:22 -05:00
alistair3149
ca7dd9fe86
feat(ooui): ✨ redo OOUI styles
2022-11-30 21:42:28 -05:00
alistair3149
f64f1a2d5e
fix(core): 🐛 input focus state should use hover background color
2022-11-30 16:10:48 -05:00
alistair3149
f041b2cbea
feat(core): ✨ only apply letter spacing to text field labels
2022-11-26 17:59:03 -05:00
alistair3149
5e14891088
feat(typography): ✨ add label styles
2022-11-23 20:52:44 -05:00
alistair3149
7ffe7fdb79
refactor(core): ♻️ remove redundant patrollink styles
2022-11-21 17:47:30 -05:00
alistair3149
d8b2c73e6e
refactor(core): ♻️ only use padding-page when nessecary
2022-11-21 17:47:13 -05:00
alistair3149
85e69f5a6b
refactor(core): ♻️ deprecate old font variables
2022-11-21 17:47:09 -05:00
alistair3149
20d8d0d0d4
feat(core): ✨ clean up elements styles
2022-11-21 17:46:44 -05:00
alistair3149
2d5246a8a6
feat(core): ✨ update wikitable styles
...
When the wikitable style is first implemented, it didn't take consideration
of different usage out there. For example, it doesn't work well with complex
table or table cell background. This should make it more usable for wikis
out there.
2022-11-21 17:46:37 -05:00
alistair3149
0c4562f235
feat(core): ✨ update list styles
2022-11-21 17:46:27 -05:00
alistair3149
da3b3e4228
refactor(core): ♻️ remove styles covered by interface-core
2022-11-21 17:46:23 -05:00
alistair3149
6ac8bfb646
refactor(core): ♻️ use mediawiki.skinning.content.links in core
2022-11-21 17:46:18 -05:00
alistair3149
67535a8067
refactor(core): ♻️ use mediawiki.skinning.content.body in core
2022-11-21 17:46:16 -05:00
alistair3149
ea68ce0d25
feat(core): ✨ migrate user menu to use RL icon module
2022-11-21 17:42:46 -05:00
alistair3149
f2d1ab3d23
feat(core): ✨ migrate user menu to use RL icon module
2022-11-21 17:42:45 -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
github-actions
15f13d9ebe
ci: 👷 lint code to MediaWiki standards
...
Check commit and GitHub actions for more details
2022-11-08 15:44:57 +00:00
alistair3149
029361b066
feat(core): ✨ scroll instead of wrap pre block
...
It makes code blocks more readable and more inline with other sites
2022-11-08 10:44:27 -05:00
alistair3149
9b9b3613c3
feat(core): ✨ reduce scroll top padding
...
This should place the scroll target close to content header
2022-10-25 16:05:01 -04:00
alistair3149
911f21420f
feat(core): ✨ increase scroll padding ( #533 )
...
This should stop anchor hidding behind sticky header,
also makes anchor more readable in the viewport
2022-10-21 14:40:55 -04:00
alistair3149
55f7bcffad
feat(core): ✨ use flex layout for mw-indicators
2022-10-20 17:32:22 -04:00
alistair3149
ac2559ed8b
feat(core): ✨ use 100vh instead of 100% for min-height
...
Viewport height also takes the browser elements on mobile into account
2022-10-03 13:20:46 -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
6f7f548680
feat(core): only use overflow when needed for mw-body
...
Assigning overflow property that is not clip will block position:sticky from working.
Instead, Citizen will only apply overflow:clip with a fallback to hidden in smaller viewport.
2022-05-23 18:18:53 -04:00
alistair3149
c69f2927ef
feat(core): set accent-color as primary color
2022-05-11 21:40:27 -04:00
alistair3149
b39452d3b5
refactor(core): remove unnessecary style overrides for links
...
* Visited link styles are removed from MW already,
there are no need to use important to override those rules.
* Citizen should not override text-decoration setting if users
want to have underline links.
2022-05-01 18:45:48 -04:00
alistair3149
571704f3a9
feat(core): tweak code block styles
...
* Add rounded corner
* Update background color
2022-04-27 19:38:12 -04:00
