73 lines
1.2 KiB
CSS
73 lines
1.2 KiB
CSS
:root {
|
|
--error-color: red;
|
|
--success-color: green;
|
|
}
|
|
|
|
|
|
/* Trackings table */
|
|
#trackings form, #trackings button, #addTrackingPersonName {
|
|
margin-bottom: unset;
|
|
}
|
|
|
|
#addTrackingPersonName, #addTrackingButton {
|
|
display: inline;
|
|
}
|
|
|
|
#addTrackingPersonName {
|
|
width: unset;
|
|
}
|
|
|
|
|
|
/* Input validation elements */
|
|
.validationInfo {
|
|
display: block;
|
|
font-weight: normal;
|
|
}
|
|
|
|
input + .validationInfo {
|
|
margin-top: -1.5rem;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
.valid {
|
|
color: var(--success-color);
|
|
}
|
|
|
|
.valid > input, .valid > input:focus {
|
|
color: var(--success-color);
|
|
border-color: var(--success-color);
|
|
}
|
|
|
|
.valid > .validationInfo {
|
|
color: var(--success-color);
|
|
}
|
|
|
|
.invalid {
|
|
color: var(--error-color);
|
|
}
|
|
|
|
.invalid > input, .invalid > input:focus {
|
|
color: var(--error-color);
|
|
border-color: var(--error-color);
|
|
}
|
|
|
|
.invalid > .validationInfo {
|
|
color: var(--error-color);
|
|
}
|
|
|
|
#validationInfoShared {
|
|
padding: 1rem;
|
|
}
|
|
|
|
#validationInfoShared.valid {
|
|
color: green;
|
|
border: 1px solid green;
|
|
background-color: palegreen;
|
|
}
|
|
|
|
#validationInfoShared.invalid {
|
|
color: red;
|
|
border: 1px solid red;
|
|
background-color: lavenderblush;
|
|
}
|