fraport/fradrive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move form input required-mark closer to caption

Browse Source
This commit is contained in:
Gregor Kleen 2019-04-12 14:24:26 +02:00
parent b584e1afb6
commit c055645f11
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
static/css/utils/inputs.scss
View File

@ -30,22 +30,21 @@
padding-top: 6px;
}
.form-group__hint {
.form-group__label__hint {
margin-top: 7px;
color: var(--color-fontsec);
font-size: 0.9rem;
}
.form-group--required {
.form-group__label::after {
.form-group__label__caption::after {
content: ' *';
color: var(--color-error);
}
}
.form-group--optional {
.form-group__label::after {
.form-group__label__caption::after {
content: '';
}
}

5
templates/widgets/aform/aform.hamlet
View File

@ -14,9 +14,10 @@ $case formLayout
<div .form-group :fvRequired view:.form-group--required :not $ fvRequired view:.form-group--optional :isJust $ fvErrors view:.form-group--has-error>
$if not (Blaze.null $ fvLabel view)
<label .form-group__label for=#{fvId view}>
#{fvLabel view}
<span .form-group__label__caption>
#{fvLabel view}
$maybe hint <- fvTooltip view
<div .form-group__hint>^{hint}
<div .form-group__label__hint>^{hint}
<div .form-group__input>
^{fvInput view}
$maybe err <- fvErrors view