Fix talent outcome validation feedback
This commit is contained in:
+13
@@ -2380,3 +2380,16 @@
|
||||
grid-column:auto
|
||||
}
|
||||
}
|
||||
/* Linked field and section validation for dense ISAC editors. */
|
||||
.validation-summary{display:grid;gap:7px;margin:10px 0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--shd-danger) 55%,var(--shd-border));border-left:2px solid var(--shd-danger);background:color-mix(in srgb,var(--shd-danger) 8%,var(--shd-surface));scroll-margin-top:calc(var(--shd-header-height) + 12px)}
|
||||
.validation-summary:focus-visible{outline:1px solid var(--shd-danger);outline-offset:2px}
|
||||
.validation-summary>strong{color:var(--shd-danger);font-size:var(--shd-type-telemetry);letter-spacing:1px}
|
||||
.validation-summary ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}
|
||||
.validation-summary a{display:grid;grid-template-columns:minmax(120px,.32fr) minmax(0,1fr);gap:8px;color:var(--shd-text-muted);font-size:var(--shd-type-telemetry);line-height:1.4}
|
||||
.validation-summary a:hover,.validation-summary a:focus-visible{color:var(--shd-text)}
|
||||
.validation-summary a span{color:var(--shd-danger);font-weight:900;text-transform:uppercase;letter-spacing:.6px}
|
||||
.validation-area-error{scroll-margin-top:calc(var(--shd-header-height) + 12px)}
|
||||
.validation-area-error.field,.validation-area-error>.field,.validation-area-error .icon-upload-field,.validation-area-error .mechanic-editor{border-color:var(--shd-danger)!important}
|
||||
.field-error{display:block;margin:5px 0 0;color:var(--shd-danger);font-size:var(--shd-type-telemetry);line-height:1.4}
|
||||
.mechanic-field-error{padding-left:10px;border-left:2px solid var(--shd-danger)}
|
||||
@media(max-width:560px){.validation-summary a{grid-template-columns:1fr;gap:1px}}
|
||||
|
||||
Reference in New Issue
Block a user