4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

🐛 Fixing multiselect padding

Browse Source
This commit is contained in:
Maxime Lalo 2023-04-18 14:28:05 +02:00
parent 0ec1a998e5
commit 85c4d37ee4
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/front/Components/DesignSystem/MultiSelect/classes.module.scss
View File

@ -3,7 +3,6 @@
.root { .root {
.label-container { .label-container {
cursor: pointer; cursor: pointer;
padding: 24px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;
@ -11,9 +10,6 @@
border: 1px solid $grey-medium; border: 1px solid $grey-medium;
background-color: transparent; background-color: transparent;
&.active {
padding: 16px 24px;
}
.label { .label {
font-family: var(--font-primary); font-family: var(--font-primary);
font-style: normal; font-style: normal;
@ -22,6 +18,7 @@
line-height: 18px; line-height: 18px;
text-transform: uppercase; text-transform: uppercase;
color: var(--color-primary-8); color: var(--color-primary-8);
pointer-events: none;
} }
.input-container { .input-container {
@ -33,6 +30,17 @@
> div { > div {
width: 100%; width: 100%;
> div > div {
padding: 24px;
}
}
}
&.active {
.input-container {
> div > div > div {
padding: 16px 24px;
}
} }
} }