Commit graph

87 commits

Author SHA1 Message Date
alistair3149 bb9ed449f6
feat(core): improve and clean up various CSS transitions 2024-10-19 00:48:20 -04:00
alistair3149 4438168b58
refactor(core): ♻️ clean up body containers margin 2024-10-17 06:41:17 -04:00
alistair3149 53742a0dd2
feat(core): extend page header background to full width
This is needed to get rid of the negative margin sticky header background hack.
Since it looks weird on wikis with background imgae.
2024-10-17 04:10:32 -04:00
alistair3149 2794a3269c
fix(core): 🐛 explictly set z-index for body container
That should avoid position relative elements from going over the sticky header.

Closes: #577
2024-07-09 18:28:31 -04:00
alistair3149 b5180bfbda
feat(core): use Codex tokens for z-index 2024-07-09 16:44:15 -04:00
github-actions 1214750eab ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-07 21:58:50 +00:00
alistair3149 e5336c4610
fix(stickyHeader): 🐛 add a placeholder element to page header to avoid layout shift when stickied
Closes: #854
2024-07-07 17:58:02 -04:00
alistair3149 2f7ae8fc1d
fix(stickyHeader): 🐛 use margin and padding instead of grid gap for body spacing
That should address the flickering issue caused by the sticky header
2024-07-02 19:26:50 -04:00
alistair3149 d71ee758f4
refactor(core): ♻️ remove unused styles 2024-07-02 19:19:40 -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 9da91018ab
refactor(core): ♻️ wrap ToC inside citizen-body-sidebar 2024-05-07 21:29:16 -04:00
alistair3149 1d4cdd60df
fix(core): 🐛 avoid sticky toolbar from clipping on Firefox
The sticky toolbar is hidden on a short page when browsing on Firefox (80vh of the body container is taller than the height of the toolbar). Increasing the min-height for the body container should avoid the issue.
2024-05-05 02:13:36 -04:00
alistair3149 8f565b33b3
feat(core): add transition to body-container width 2024-04-25 18:19:11 -04: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
github-actions 8bfa8b5e6a ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-07-20 22:18:16 +00:00
alistair3149 fab4d27273
feat(core): add overflow handling for citizen inner header 2023-07-20 18:17:14 -04:00
github-actions 9796560793 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-07-19 09:58:48 +00: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
github-actions 1a68ad1a87 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-06-01 23:08:38 +00:00
alistair3149 c0e0f28163
fix(core): 🐛 wrap indicator when needed
Fix: #635
2023-06-01 19:07:43 -04:00
github-actions 7e20e2d8da ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-05-02 04:03:32 +00:00
alistair3149 c2922f6ba2
feat(core): switch page-container to flex layout 2023-05-02 00:02:25 -04:00
github-actions 3ad4d62eef ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-04-14 17:30:33 +00:00
alistair3149 612382f567
fix(core): 🐛 avoid double spacing between notice and content 2023-04-14 13:29:15 -04:00
alistair3149 ddb425c4bb
fix(core): 🐛 responsive thumbnail on new media structure 2023-02-22 15:12:06 -05:00
alistair3149 aeb8e160cf
fix(core): 🐛 increase mw-body-header z-index
This should allow modals in mw-body-header to be higher than
the custom sticky headers
2023-01-17 16:44:35 -05:00
alistair3149 7a59e9c2d7
fix(core): 🐛 do not use CSS containment for body content
Because it breaks fixed layout originated from the content area
2022-12-12 20:11:47 -05:00
github-actions 9187a9bf45 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-12-06 20:30:42 +00:00
alistair3149 ca41b42aec
perf(core): ️ add CSS containment to suitable elements 2022-12-06 15:29:49 -05:00
alistair3149 41dd999f5a
fix(core): 🐛 content should not collaspe margin 2022-11-23 18:50:08 -05:00
alistair3149 b775a7e88a
refactor(core): ♻️ remove unnessecary margin 2022-11-23 14:15:07 -05:00
alistair3149 ead296c46d
feat(core): reduce space between page header and tools 2022-11-21 19:05:38 -05:00
alistair3149 8eebf6806d
feat(core): revamp thumbnail styles 2022-11-21 17:47:25 -05:00
alistair3149 7b33d7e2f1
feat(core): responsive page padding 2022-11-21 17:47:14 -05:00
alistair3149 67535a8067
refactor(core): ♻️ use mediawiki.skinning.content.body in core 2022-11-21 17:46:16 -05:00
alistair3149 fd40b1b855
feat(core): more granular spacing units 2022-11-21 17:42:43 -05:00
alistair3149 a584655230
fix(core): 🐛 avoid grid content overflow 2022-11-21 17:42:40 -05:00
alistair3149 fc33142e64
refactor(core): ♻️ remove overflow rules since it does not work with sticky 2022-11-21 17:42:39 -05:00
github-actions bc57222ce6
ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-11-21 17:42:23 -05:00
alistair3149 ceaf3ed844
feat(core): tweak responsive layout 2022-11-21 17:42:22 -05:00
alistair3149 80d3a0acbc
feat(core): tweak layout spacing 2022-11-21 17:42:09 -05:00
alistair3149 d827c2ea12
fix(core): 🐛 add missing layout padding 2022-11-21 17:42:01 -05:00
alistair3149 39e04665e3
feat(core): center align page tools 2022-11-21 17:41:54 -05:00
alistair3149 ab7b9ba17d
feat(core): tweak sticky header transition 2022-11-21 17:41:52 -05:00
alistair3149 b0ed5fd14e
refactor(core): ♻️ simplify body grid handling 2022-11-21 17:41:43 -05:00
alistair3149 8793a243c3
feat(core): rewrite body layout into flex and grid 2022-11-21 17:41:42 -05:00
github-actions 9325a4e2be
ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-11-21 17:41:05 -05:00
alistair3149 d234ece146
feat(core): put non-header elements into a container
Just more sanity and easier to customize header
2022-11-21 17:41:03 -05:00
alistair3149 979138d251
fix(core): 🐛 mw-data-content should reserve space for header 2022-10-03 12:52:17 -04:00