colin
/
pocketbase
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added invalid form-group styles

This commit is contained in:
Gani Georgiev 2022-07-16 10:40:04 +03:00
parent 7fd5102fb5
commit 72f72bc84f
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
ui/src/scss/_form.scss
View File

@ -409,7 +409,7 @@ select {
label { label {
display: flex; display: flex;
width: 100%; width: 100%;
column-gap: 10px; column-gap: 5px;
align-items: center; align-items: center;
user-select: none; user-select: none;
font-weight: 600; font-weight: 600;
@ -487,7 +487,8 @@ select {
} }
// states // states
&.error { &.error,
&.invalid {
.help-block-error { .help-block-error {
color: var(--dangerColor); color: var(--dangerColor);
} }
@ -495,11 +496,17 @@ select {
color: var(--dangerColor); color: var(--dangerColor);
} }
} }
&.invalid {
label, %input {
background: var(--dangerAltColor);
}
}
&.required:not(.form-field-toggle) { &.required:not(.form-field-toggle) {
> label:after { > label:after {
content: '*'; content: '*';
color: var(--dangerColor); color: var(--dangerColor);
margin-left: -7px; margin-top: -2px;
margin-left: -2px;
} }
} }
&.disabled { &.disabled {