Commit graph

47 commits

Author SHA1 Message Date
alistair3149 07dd936115
feat(toc): reduce the size of toc toggle icon 2024-09-11 03:09:16 -04:00
alistair3149 ab62d65768
fix(toc): 🐛 exclude toggle from top section hover 2024-09-10 22:12:06 -04:00
alistair3149 257673a588
feat(toc): allow ToC to be collapsible
Using the same implementation as Vector 2022

Closes: #556
2024-09-10 19:32:49 -04:00
alistair3149 b0817115ea
refactor(core): ♻️ clean up ToC classes
Clean up the CSS class name to follow the MW CSS coding conventions.
The structure is refactored to be similar to Vector for easier maintainenace.
2024-09-10 17:40:25 -04:00
alistair3149 c1370e95f0
feat(core): update box-shadow CSS variables
* Tokenize shadow vertical distance
* Rename CSS variables to match Codex counterpart
* Reduce the vertical distance for all box shadow
2024-07-24 21:53:51 -04:00
alistair3149 b9cd27043d
feat(core): tweak changelist and toc border width 2024-07-19 18:31:22 -04:00
alistair3149 a1ad423f2f
feat(stickyHeader): implement sticky header variables into other sticky styles 2024-07-19 17:29:17 -04:00
alistair3149 f3042f5b80
fix(toc): 🐛 ToC should have the same padding as other menu cards 2024-07-19 16:27:19 -04:00
alistair3149 1fefddd41a
feat(core): implement Codex border-width tokens 2024-07-15 02:07:25 -04:00
alistair3149 f0d1176f2a
feat(pref): add clientpref to disable auto-hide navigation
Closes #841
2024-07-10 13:59:03 -04:00
alistair3149 c555dfe1bf
fix(ToC): 🐛 increase z-index of ToC backdrop 2024-07-09 16:51:25 -04:00
alistair3149 b5180bfbda
feat(core): use Codex tokens for z-index 2024-07-09 16:44:15 -04:00
alistair3149 aaa677f2d6
fix(toc): 🐛 fix transparent ToC button 2024-07-08 15:35:01 -04:00
github-actions c7dfa58393 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-07 10:26:24 +00:00
alistair3149 72edb817be
fix(toc): 🐛 keep ToC button at the same position 2024-07-07 06:25:38 -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 a68626f56a
fix(toc): 🐛 elements behind collasped ToC should be interactable
Fixes: #896
2024-07-04 15:48:01 -04:00
alistair3149 f2ff92e1ac
feat(toc): drop checkbox hack usage in ToC in favor of dropdown (#894)
Now that ToC is also using the new dropdown system, we can remove all references to the old checkbox hack now.

Fixes: #855
2024-07-03 17:44:52 -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 089a329da9
fix(toc): 🐛 ToC should have a higher z-index than page actions in smaller viewport
In order to avoid collision between the bottom page action bar and the ToC dropdown
2024-06-12 13:01:43 -04:00
alistair3149 d8b3cad225
perf(core): ️ do not use will-change 2024-06-01 15:36:48 -04:00
alistair3149 87a8bf256e
refactor(core): ♻️ various cleanup 2024-05-27 23:18:13 -04:00
alistair3149 03da361b97
feat(components): rewrite template data partials into CitizenComponent components (#846)
- Refactor existing template data-related partials into CitizenComponent components
- Re-implement user menu header as UserInfo
- Add description text for anon and temp user in UserMenu
---------

Co-authored-by: github-actions <github-actions@users.noreply.github.com>
2024-05-15 01:24:43 -04:00
alistair3149 89b5ff1b12
feat(core): add last modified to sidebar 2024-05-08 15:30:36 -04:00
alistair3149 4f7e3a4e14
refactor(core): ♻️ clean up various menu styles 2024-05-07 22:21:24 -04:00
alistair3149 0aa617262e
feat(core): simplify toc styles 2024-05-07 21:48:22 -04:00
alistair3149 9da91018ab
refactor(core): ♻️ wrap ToC inside citizen-body-sidebar 2024-05-07 21:29:16 -04:00
alistair3149 58bab74eab
feat(core): switch all icons to OOUI module
Custom icons are no longer needed. This should reduce
an extra ResourceLoader module registration.
2024-05-06 13:48:41 -04:00
alistair3149 ff909e240d
feat(core): move page actions into bottom toolbar when width is limited
Related: #821
2024-04-26 17:41:27 -04:00
alistair3149 11566de6b6
style(css): 🎨 re-apply stylelint fixes 2024-04-16 01:28:45 -04:00
alistair3149 cb1f9e616a
feat(toc): tweak toc header font size 2024-02-28 01:25:05 -05:00
alistair3149 c9f665ef78
feat(core): use CSS variables for small font sizes 2024-02-26 17:16:07 -05:00
alistair3149 21f7cc4001
fix(toc): 🐛 incorrect breakpoints for ToC 2023-11-16 18:05:04 -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 c14889f8c0
feat(toc): remove background and color transition from top link
It is expensive and unnecessary
2023-07-19 06:01:04 -04:00
alistair3149 85f036c2f8
feat(core): remove expensive CSS animation
Avoid paint and layout triggering transitions
2023-07-16 15:32:13 -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 c7e45177cd
feat(core): update menu transition styles and implementation
Same as the previous commit, the transition is now accessible as a CSS variable (transition-menu)
2023-07-07 17:02:27 -04:00
alistair3149 a7f9c55c88
feat(core): update hover transition styles and implementation
The timing and easing function are defined separately than the property.
It is now accessible as a CSS variable (transition-hover)
2023-07-07 16:36:38 -04:00
沈澄心 1cd993c664
fix(core): add webkit prefix for sticky to support Safari < 13 (#679)
* Update layout.less

* Update TableOfContents.less

* Update mixins.less

* Update ext.echo.special.less

* Update mediawiki.rcfilters.filters.ui.less

* Update README.md
2023-06-28 13:58:21 -04:00
alistair3149 434d2688fc
refactor(core): ♻️ less specific link underline selector 2023-06-15 14:37:07 -04:00
沈澄心 d92fd77e54
fix(core): add webkit prefix to user-select property (#631)
* Update mixins.less

* Update Sections.less

* Update TableOfContents.less

* Update interface-edit-section-links.less

* Update mixins.less

* Update Sections.less

* Update TableOfContents.less

* Update interface-edit-section-links.less
2023-05-23 12:47:26 -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 ef9ab2a537
refactor(core): ♻️ move components styles into folder 2023-01-31 15:04:06 -05:00
Renamed from resources/skins.citizen.styles/TableOfContents.less (Browse further)