diff options
| author | 星の光 <80254980+Akimitsu333@users.noreply.github.com> | 2022-10-21 14:06:06 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-10-21 14:06:06 +0300 |
| commit | ae497c478924fb454783b3953d3ff09188ccdfcb (patch) | |
| tree | 6e68f1a0fc0909b408630f2c1e99167cc0ced1c3 /assets | |
| parent | 299b80c5f8c1067a6c4fb8609b88eb0438ecbabf (diff) | |
refactor(grid): avoid sidebar layout shift when main content loads slowly (#677)
Co-authored-by: Luguoba <80254980+luguoba@users.noreply.github.com>
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/scss/grid.scss | 3 |
1 files changed, 3 insertions, 0 deletions
diff --git a/assets/scss/grid.scss b/assets/scss/grid.scss index 84967ef..9284da9 100644 --- a/assets/scss/grid.scss +++ b/assets/scss/grid.scss @@ -3,10 +3,12 @@ margin-right: auto; .left-sidebar { + order: -3; max-width: var(--left-sidebar-max-width); } .right-sidebar { + order: -1; max-width: var(--right-sidebar-max-width); /// Display right sidebar when min-width: lg @@ -73,6 +75,7 @@ } main.main { + order: -2; min-width: 0; max-width: 100%; flex-grow: 1; |