malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Fix grid-columns overflowing sidebar

Browse Source
This commit is contained in:
Tetrakern 2024-11-14 12:10:50 +01:00
parent e2a4062cf6
commit a3491766e5
4 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/application.css
View File

File diff suppressed because one or more lines are too long

2
css/complete.css
View File

File diff suppressed because one or more lines are too long

2
src/scss/_card.scss
View File

@ -28,7 +28,7 @@
list-style: none;
position: relative;
border-radius: var(--layout-border-radius-small);
max-width: calc(100vw - 20px);
max-width: min(100%, calc(100vw - 20px));
box-shadow: var(--card-box-shadow, var(--box-shadow-m));
clear: both;
contain: style layout; // Improve performance

2
src/scss/common/_utility.scss
View File

@ -55,7 +55,7 @@ body:not(.is-editor):not(.is-admin) {
.grid-columns:where(:not(.splide__list)) {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--grid-columns-min, 308px), 1fr));
grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--grid-columns-min, 308px)), 1fr));
gap:
calc(var(--grid-columns-row-gap, 1.5rem) * var(--grid-columns-row-gap-multiplier, 1))
calc(var(--grid-columns-col-gap, 1.5rem) * var(--grid-columns-col-gap-multiplier, 1));