discourse/app/assets/stylesheets/common/components/form-template-field.scss
2023-08-24 11:09:47 -03:00

67 lines
1.3 KiB
SCSS

.form-template-field {
position: relative;
input,
textarea,
select {
width: 100%;
}
// TODO(@keegan): Remove after updating dropdown/multi-select to use select-kit
&__dropdown {
border: 1px solid var(--primary-medium);
border-radius: var(--d-input-border-radius);
padding: 0.5em 0.65em;
font-size: var(--font-0);
}
&__multi-select {
border: 1px solid var(--primary-medium);
border-radius: var(--d-input-border-radius);
padding: 0.5em 0.65em;
font-size: var(--font-0);
}
// END of what should be removed after updating dropdown/multi-select to use select-kit
&__required-indicator {
color: var(--danger);
margin-left: 0.5em;
font-size: var(--font-down-4);
}
&__uploaded-files {
list-style: none;
margin-left: 0;
li {
padding: 0.5rem;
margin-block: 0.25rem;
border: 1px solid var(--primary-low-mid);
background: var(--primary-low);
border-radius: var(--d-border-radius);
display: flex;
align-items: center;
a {
@include ellipsis;
width: 70%;
}
span {
color: var(--primary-high);
margin-left: auto;
font-size: var(--font-down-1);
}
}
.d-icon {
color: var(--tertiary);
margin-right: 0.5rem;
}
}
&__textarea {
min-height: 100px;
}
}