3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-03 02:08:35 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Make the multi-input more generic

Browse source
This commit is contained in:
Andrey Antukh 2022-03-03 14:18:56 +01:00
parent a1c3789ec2
commit cfe657d853
6 changed files with 173 additions and 148 deletions
Download patch file Download diff file Expand all files Collapse all files

58
frontend/resources/styles/main/partials/forms.scss
View file

@ -227,6 +227,64 @@ textarea {
}
}
.custom-multi-input {
border-radius: 2px;
border: 1px solid $color-gray-20;
&.invalid {
label {
color: unset;
}
}
input {
border: 0px;
&.no-padding {
padding-top: 0px;
}
}
.selected-items {
padding-top: 25px;
padding-left: 15px;
display: flex;
flex-wrap: wrap;
}
.selected-item {
// margin-bottom: 5px;
&:not(:last-child) {
margin-right: 3px;
}
.around {
border: 1px solid $color-gray-20;
padding-left: 5px;
border-radius: 4px;
&.invalid {
border: 1px solid $color-danger;
}
.text {
display: inline-block;
max-width: 85%;
overflow: hidden;
text-overflow: ellipsis;
line-height: 15px;
font-size: 14px;
color: $color-black;
}
.icon {
cursor: pointer;
margin-left: 10px;
margin-right: 5px;
}
}
}
}
.custom-select {
display: flex;
flex-direction: column;