Pack FPP selection into masonry columns

This commit is contained in:
sas.fajri
2026-04-13 16:58:39 +07:00
parent 28c315c38f
commit 6e85e2606d

View File

@@ -739,10 +739,8 @@ tr:last-child td {
} }
.fpp-select-board { .fpp-select-board {
display: grid; column-count: 5;
grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 6px;
gap: 6px;
align-items: start;
} }
.fpp-select-column { .fpp-select-column {
@@ -751,6 +749,10 @@ tr:last-child td {
background: rgba(255, 255, 255, 0.98); background: rgba(255, 255, 255, 0.98);
border: 1px solid rgba(15, 23, 42, 0.08); border: 1px solid rgba(15, 23, 42, 0.08);
box-shadow: 0 6px 14px rgba(15, 23, 42, 0.04); box-shadow: 0 6px 14px rgba(15, 23, 42, 0.04);
break-inside: avoid;
display: inline-block;
width: 100%;
margin: 0 0 6px;
} }
.fpp-select-head { .fpp-select-head {
@@ -1219,7 +1221,7 @@ tr:last-child td {
} }
.fpp-select-board { .fpp-select-board {
grid-template-columns: repeat(4, minmax(0, 1fr)); column-count: 4;
} }
.fpp-sheet { .fpp-sheet {
@@ -1274,7 +1276,7 @@ tr:last-child td {
} }
.fpp-select-board { .fpp-select-board {
grid-template-columns: repeat(2, minmax(0, 1fr)); column-count: 2;
} }
.fpp-sheet-head { .fpp-sheet-head {
@@ -1363,7 +1365,7 @@ tr:last-child td {
} }
.fpp-select-board { .fpp-select-board {
grid-template-columns: 1fr; column-count: 1;
} }
.fpp-sheet { .fpp-sheet {