davejansen/snikket-web-portal
1
0
Fork 0
Code Issues Pull Requests Activity

Tweak form layout

Browse Source 
- Use boldface for labels
- Use the equivalent of h4 for the heading
- Indent checkbox/radio choices
This commit is contained in:
Jonas Schäfer
2021-01-27 16:32:21 +01:00
parent 2f368e0a34
commit 4d0ba8ef9a
2 changed files with 30 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
snikket_web/scss/app.scss
View File

@@ -171,10 +171,10 @@ body > footer {
@for $n from 1 through 6 {
div.form h#{$n}.form-title {
font-size: 100%;
font-weight: bold;
line-height: 1.5;
margin-bottom: 1.5em;
font-size: nth($h-sizes, 4);
/* font-weight: bold; */
line-height: 1.5 / (nth($h-sizes, 4) / 100%);
margin: 1.5em / (nth($h-sizes, 4) / 100%) 0;
}
}
@@ -224,11 +224,18 @@ div.form {
div.form.layout-expanded {
label {
display: block;
font-weight: bold;
color: $gray-200;
}
input[type="radio"] + label, input[type="checkbox"] + label {
font-weight: inherit;
color: inherit;
}
div.f-ebox {
margin-bottom: $w-l1;
margin: 1.5em 0;
line-height: 1.5;
}
div.f-bbox {
@@ -242,7 +249,6 @@ div.form.layout-expanded {
border: none;
border-bottom: $w-s4 solid $primary-500;
margin-bottom: -$w-s4;
padding: 0 $w-s3;
}
input[type=$type].has-error {
@@ -258,6 +264,11 @@ div.form.layout-expanded {
}
}
ul[id] {
padding: $w-s1 0;
padding-left: $w-l1;
}
input[type="checkbox"], input[type="radio"] {
position: absolute;
z-index: -1;
@@ -378,6 +389,7 @@ div.form.layout-expanded {
width: 100%;
border: none;
border-bottom: $w-s4 solid $primary-500;
line-height: 1.5;
}
textarea:hover {