alistair3149
9b1325bcb8
feat(core): ✨ more responsive layout for sticky header
2022-09-30 10:24:16 -04:00
alistair3149
e72d7c00a3
feat(core): ✨ add sticky body header
2022-09-29 22:33:06 -04:00
alistair3149
00580810ec
fix(core): 🐛 mitigate ToC overlap in various max width
...
Pinning the ToC to the right of the browser for now.
There is no good CSS way to make it stick to the body content.
When we switch to target 1.39+,
there will be proper way to generate ToC instead of all these ToC hacks
2022-09-29 21:11:12 -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
github-actions
0d63257e86
ci: lint code to MediaWiki standards
...
Check commit and GitHub actions for more details
2022-09-28 21:02:56 +00:00
alistair3149
7bfc9f88d7
feat(core): tweak and clean up ToC card styles
2022-05-13 13:42:22 -04:00
alistair3149
03d853c50e
feat(core): change ToC toggle behavior and position
2022-05-13 01:12:52 -04:00
alistair3149
d59ca5c83a
refactor(core): move intersection observer into a module
...
* We will likely use it for other things in the future
* Based on Vector's implementation
* Also do not get toc element twice
2022-05-13 00:26:53 -04:00
alistair3149
5dc456cc6a
fix(core): incorrect table of content modal location
2022-05-12 21:48:20 -04:00
alistair3149
e0d5eb9657
feat(core): set toc-enabled through Mustache template
...
Since somewhere around MW 1.37, buildSkinFeatures() no longer have access to OutputPage.
That causes $out->isTOCenabled always return null, which makes ToC
broken for any wikis since 1.37. This should fix the issue for now.
More optimizations on the loading behavior will come soon.
2022-05-12 17:01:01 -04:00
alistair3149
b00c7ddf4a
feat(core): tweak ToC styles
...
* Use the same border radius as other Citizen menus
* Remove unnessecary margin and padding
* More accurate height calculations
2022-05-03 16:03:34 -04:00
alistair3149
56a869b3d9
refactor(core): clean up transition variable names
2022-05-01 19:14:17 -04:00
alistair3149
47e1259bc3
feat: implement a more adaptive smooth shadow
...
* Looks more natural
* Can be customized through the surface-shadow and shadow-strength CSS var
* Light mode and dark mode have been different shadow now, it should be more visible in dark mode
* Box-shadow is a CSS var, which can be used in templates and wiki CSS
2022-04-24 15:24:09 -04:00
alistair3149
7b7641b366
feat: hide toc number by default
2022-04-17 18:12:11 -04:00
alistair3149
c15dafffea
feat: tweak ToC styles and show numbers
2021-08-26 11:18:25 -04:00
alistair3149
8bca28662b
feat: remove mw-body-content from HTML
...
T279388
mw-body-content is used within body content in 1.37. The original mw-body-content container will use the class citizen-body instead.
2021-07-30 11:44:02 -04:00
alistair3149
2f735e4d4c
feat: tweak ToC toggle styles
2021-07-25 20:21:32 -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
5c6408d766
feat: convert border radius to CSS variable
2021-05-27 11:20:12 -04:00
alistair3149
d75eb105a3
feat: tweak toc styles
...
* feat: tweak toc styles (#357 )
* ci: lint code to MediaWiki standards
Check commit and GitHub actions for more details
Co-authored-by: Cameron <roger.dodger.thor@gmail.com>
Co-authored-by: github-actions <github-actions@users.noreply.github.com>
2021-04-30 10:34:50 -04:00
alistair3149
acffb80f36
fix: toc content overflowing header
2021-04-26 12:04:52 -04:00
alistair3149
bd2b5470a2
feat: darken ToC modal background
2021-04-17 20:44:33 -04:00
alistair3149
92341d1976
feat: add light border to ToC modal
2021-04-11 16:48:13 -04:00
alistair3149
126357e524
feat: revamp ToC responsive styles
2021-04-10 20:55:48 -04:00
alistair3149
8e7b0de47f
feat: make ToC width adjustable and respect layout width
2021-03-18 13:39:13 -04:00
alistair3149
7364ccaeda
feat: tweak ToC max height behavior
2021-03-18 12:35:44 -04:00
alistair3149
1b3fff4170
fix: CSS animation flash on page load on Chromium
2021-03-13 12:43:28 -05:00
alistair3149
6366fb3283
feat: make ToC drawer darker
2021-03-11 21:53:54 -05:00
alistair3149
ee7503fb41
fix: add min-width to ToC drawer
2021-03-07 19:17:05 -05:00
alistair3149
e3dc01cdc9
feat: update print styles
2021-03-07 13:11:15 -05:00
alistair3149
d1f6f05f7c
feat: tweak ToC button styles
2021-03-01 15:58:20 -05:00
alistair3149
6081341418
feat: integrate page tools into page header
2021-01-26 14:25:46 -05:00
alistair3149
2e83983954
feat: tweak ToC drawer styles
2021-01-18 16:30:15 -05:00
alistair3149
4beb15e43d
feat: update layout in different breakpoints ( #227 )
...
* feat: update layout in different breakpoints
* ci: lint code to MediaWiki standards
Check commit and GitHub actions for more details
* feat: remove negative margin for namespace and catlinks
* ci: lint code to MediaWiki standards
Check commit and GitHub actions for more details
Co-authored-by: github-actions <github-actions@users.noreply.github.com>
2021-01-18 15:18:39 -05:00
alistair3149
06b60ca582
feat: update toc and theme toggle to use new icon opacity
2021-01-14 12:26:25 -05:00
alistair3149
55ebb6c5bd
fix: incorrect font size for toctitle
2021-01-13 14:46:27 -05:00
alistair3149
471073feb2
feat: make ToC link text smaller
2021-01-13 13:30:41 -05:00
alistair3149
2c6d1ad0ee
feat: update ToC styles ( #209 )
...
* feat: update ToC styles
* ci: lint code to MediaWiki standards
Check commit and GitHub actions for more details
Co-authored-by: github-actions <github-actions@users.noreply.github.com>
2021-01-13 12:56:48 -05:00
alistair3149
24319fd190
refactor: use common CSS variables for ToC
2021-01-12 15:13:24 -05:00
alistair3149
9d3df250de
refactor: merge CSS variables in core styles
2021-01-12 14:31:35 -05:00
alistair3149
da76ccbbeb
refactor: order styles with idiomatic order
2021-01-11 11:45:52 -05:00
Hannes
dde580e2de
Merge remote-tracking branch 'upstream/master' into feature/darkmode-switch
2021-01-09 23:03:23 +01:00
Hannes
044f27c5ba
refactor: Convert colors to css variables
2021-01-09 22:56:28 +01:00
github-actions
e6bfcaacca
Make a dinner reservation - MediaWiki CI
...
I clean up code to MediaWiki standards
2020-11-24 15:32:14 +00:00
alistair3149
851c92cceb
Merge branch 'master' into patch-1
2020-11-24 10:30:40 -05:00
Cameron
bf8909e2bb
Fix closed toc eating clicks with phantom div
...
Previous behaviour was to remove the toc from view by applying a transform to the .toc > ul but *not* .toc itself.
This meant that .toc was still covering the body when the toc was "closed", eating clicks on anything that would be covered by the toc when opened.
This change puts a transform on .toc itself (and changes the transforms on the ul to match), fixing the issue. However, this creates a new stacking context, which affects .toctogglelabel, since its fixed position is now with respect to .toc, not the viewport. Setting .toctogglelabel { right: -100vw } keeps it in the same place.
2020-11-23 16:14:09 +10:30
Cameron
3f0b54aede
Make toc closed by default on mobile
2020-11-23 00:29:59 -05:00
Cameron
f168f14378
Make toc closed by default on mobile
2020-11-23 13:18:42 +10:30
github-actions
eaeadbb776
Make a dinner reservation - MediaWiki CI
...
I clean up code to MediaWiki standards
2020-08-12 12:59:57 -04:00
alistair3149
8f4c114916
Fix ToC dark mode background
2020-08-12 12:59:57 -04:00
