fraport/fradrive-old
Archived
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; padding-top: 6px;
} }
.form-group__hint { .form-group__label__hint {
margin-top: 7px; margin-top: 7px;
color: var(--color-fontsec); color: var(--color-fontsec);
font-size: 0.9rem; font-size: 0.9rem;
} }
.form-group--required { .form-group--required {
.form-group__label__caption::after {
.form-group__label::after {
content: ' *'; content: ' *';
color: var(--color-error); color: var(--color-error);
} }
} }
.form-group--optional { .form-group--optional {
.form-group__label::after { .form-group__label__caption::after {
content: ''; 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> <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) $if not (Blaze.null $ fvLabel view)
<label .form-group__label for=#{fvId view}> <label .form-group__label for=#{fvId view}>
#{fvLabel view} <span .form-group__label__caption>
#{fvLabel view}
$maybe hint <- fvTooltip view $maybe hint <- fvTooltip view
<div .form-group__hint>^{hint} <div .form-group__label__hint>^{hint}
<div .form-group__input> <div .form-group__input>
^{fvInput view} ^{fvInput view}
$maybe err <- fvErrors view $maybe err <- fvErrors view