Files
danbooru/app/javascript/src/styles/common/simple_form.scss

110 lines
1.5 KiB
SCSS

@import "../base/020_base.scss";
form.simple_form {
margin: 0 0 1em 0;
div.input.boolean {
label {
display: inline;
vertical-align: middle;
margin-left: 0.5em;
input {
margin-right: 0.25em;
}
}
}
div.input {
margin-bottom: 1em;
input[type=text], input[type=file], input[type=password], input[type=email] {
max-width: 20em;
}
.hint {
@extend .fineprint;
padding-left: 1em;
}
&.text {
.hint {
padding-left: 0em;
display: block;
}
}
textarea {
width: 70%;
font-size: 1.2em;
}
label {
display: block;
font-weight: bold;
line-height: 1.5em;
}
fieldset {
border: none;
display: inline;
margin: 0;
padding: 0;
label {
font-weight: normal;
width: auto;
margin-right: 2em;
display: inline;
}
}
}
}
form.inline-form {
display: table;
> div.input {
display: table-row;
line-height: 2em;
label {
text-align: right;
}
label, input {
display: table-cell;
padding-right: 1em;
white-space: nowrap;
}
}
}
form.quick-search-form {
margin: 0;
input {
background: var(--quick-search-form-background);
}
}
form.one-line-form {
> input, > div.input {
display: inline;
label {
display: inline;
margin-right: 1em;
}
}
}
div.ui-dialog {
div.input {
input[type="text"] {
width: 100%;
max-width: 100%;
}
}
}