Skip to content

Commit 07f7802

Browse files
vanskaPatrikKozak
andauthored
fix(ui): equal column widths for block-drawer blocks (#15867)
# What? Fixes unequal block-drawer column widths causing layout breaking with long block labels ## Before <img width="1330" height="1319" alt="image" src="https://github.com/user-attachments/assets/9281cf3b-994f-47c9-bc25-001b40e61282" /> ## After <img width="1321" height="1298" alt="image" src="https://github.com/user-attachments/assets/85dc44c7-cfd3-4591-96f2-ef9cf41de46c" /> --------- Co-authored-by: Patrik Kozak <35232443+PatrikKozak@users.noreply.github.com>
1 parent 2bdf7ce commit 07f7802

File tree

1 file changed

+4
-4
lines changed
  • packages/ui/src/fields/Blocks/BlockSelector

1 file changed

+4
-4
lines changed

packages/ui/src/fields/Blocks/BlockSelector/index.scss

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
padding: 0;
1212
list-style: none;
1313
display: grid;
14-
grid-template-columns: repeat(6, 1fr);
14+
grid-template-columns: repeat(6, minmax(0, 1fr));
1515
gap: base(1);
1616
}
1717

@@ -59,7 +59,7 @@
5959

6060
@include large-break {
6161
&__blocks {
62-
grid-template-columns: repeat(5, 1fr);
62+
grid-template-columns: repeat(5, minmax(0, 1fr));
6363
}
6464
}
6565

@@ -69,7 +69,7 @@
6969
}
7070

7171
&__blocks {
72-
grid-template-columns: repeat(3, 1fr);
72+
grid-template-columns: repeat(3, minmax(0, 1fr));
7373
}
7474

7575
&__block-groups {
@@ -87,7 +87,7 @@
8787
}
8888

8989
&__blocks {
90-
grid-template-columns: repeat(2, 1fr);
90+
grid-template-columns: repeat(2, minmax(0, 1fr));
9191
}
9292

9393
&__block-groups {

0 commit comments

Comments
 (0)