Unifying modal form fields to standard style; Initial setup reporting field

This commit is contained in:
James Barnsley
2018-06-06 16:54:09 +12:00
parent c27588f2f0
commit 12054ffcb4
13 changed files with 1836 additions and 1847 deletions

View File

@ -52,8 +52,13 @@
padding-bottom: 30px;
position: relative;
.label {
.name {
font-size: 16px;
width: 18%;
padding-right: 2%;
float: left;
opacity: 0.5;
padding-top: 10px;
}
.description {
@ -61,41 +66,6 @@
padding-right: 0;
}
&.text,
&.radio,
&.checkbox {
& > .label {
opacity: 0.5;
width: 100px;
position: absolute;
top: 12px;
left: 0;
pointer-events: none;
padding: 0;
}
& > .input {
padding-top: 0;
}
}
&.text {
input {
background: transparent;
font-size: 18px;
padding-left: 100px;
padding-right: 0;
width: 100%;
color: $white;
border-bottom: 2px solid $white;
border-radius: 0;
&:focus,
&:active {
border-color: $turquoise;
}
}
}
&.radio,
&.checkbox {
padding-top: 8px;