Skip to content

Commit a5e9208

Browse files
committed
Fix layout shift on component change
1 parent bef1f1c commit a5e9208

File tree

1 file changed

+5
-6
lines changed

1 file changed

+5
-6
lines changed

src/app/styles/main.scss

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -57,8 +57,7 @@ body {
5757

5858
& > .components-selector-container {
5959
display: flex;
60-
flex-shrink: 1;
61-
min-width: 240px;
60+
width: 240px;
6261
border-right: 1px solid rgba($border-col, 0.1);
6362
overflow: hidden;
6463

@@ -70,8 +69,9 @@ body {
7069
& > .components-selector-container-inner {
7170
display: flex;
7271
flex-direction: column;
73-
min-width: 200px;
74-
padding: 1em;
72+
width: 100%;
73+
padding: 1em .5em;
74+
padding-right: .75em !important;
7575
padding-top: 1em !important;
7676

7777
& > .component-search-container {
@@ -247,8 +247,7 @@ body {
247247
flex-grow: 1;
248248
flex-direction: column;
249249

250-
max-width: 960px;
251-
min-width: 760px;
250+
width: 960px;
252251

253252
& > .preview-info {
254253
font-size: 1.1em;

0 commit comments

Comments
 (0)