wip
This commit is contained in:
parent
1ab129b798
commit
af4b75acb4
3 changed files with 93 additions and 6 deletions
|
@ -546,4 +546,60 @@
|
|||
|
||||
.app-link:hover {
|
||||
color: var(--highlight-color);
|
||||
}
|
||||
|
||||
/* Validation styles */
|
||||
.is-invalid {
|
||||
border-color: #dc3545 !important;
|
||||
padding-right: calc(1.5em + 0.75rem);
|
||||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
|
||||
background-repeat: no-repeat;
|
||||
background-position: right calc(0.375em + 0.1875rem) center;
|
||||
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
|
||||
}
|
||||
|
||||
.is-valid {
|
||||
border-color: #198754 !important;
|
||||
padding-right: calc(1.5em + 0.75rem);
|
||||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
|
||||
background-repeat: no-repeat;
|
||||
background-position: right calc(0.375em + 0.1875rem) center;
|
||||
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
|
||||
}
|
||||
|
||||
.invalid-feedback {
|
||||
display: none;
|
||||
width: 100%;
|
||||
margin-top: 0.25rem;
|
||||
font-size: 0.875em;
|
||||
color: #dc3545;
|
||||
}
|
||||
|
||||
.invalid-feedback.d-block {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.valid-feedback {
|
||||
display: none;
|
||||
width: 100%;
|
||||
margin-top: 0.25rem;
|
||||
font-size: 0.875em;
|
||||
color: #198754;
|
||||
}
|
||||
|
||||
.valid-feedback.d-block {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
/* Fix position for validation messages in table cells */
|
||||
td.position-relative {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
td .feedback {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 100%;
|
||||
z-index: 5;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue