discourse/app/assets/stylesheets/desktop/upload.scss
Kris db7038e6c2
UX: Fix theme upload width, remove class clash, prettier (#13071)
* UX: fix width & theme upload modal class clash

* remove unneeded class

* unprettier hbs

* add back unicode emoji

* add newline
2021-05-20 17:10:40 +10:00

53 lines
912 B
SCSS

.upload-selector {
label {
display: inline-block;
padding-left: 10px;
}
&.modal-body {
width: 460px;
}
.radios {
min-height: 60px;
display: flex;
align-items: flex-start;
label {
flex: 1 0 auto;
margin-right: 1em;
margin-top: 1px;
}
.inputs {
width: 100%;
input {
width: 90%;
margin: 0 0 5px 0;
}
input[type="file"] {
font-size: $font-0;
line-height: $line-height-medium;
}
.description,
.hint {
color: var(--primary-med-or-secondary-med);
display: block;
}
.hint {
font-style: italic;
margin: 5px 0 0 0;
}
.label {
margin: 0 0 5px 0;
}
}
}
.radios:last-child {
min-height: 20px;
}
}
.uploaded-image-preview {
height: 270px;
width: 400px;
max-height: 150px;
margin-bottom: 10px;
}