add css rules to show vue-datepicker svg icons inside of elements with bootstrap input-group or primevue p-component css class

This commit is contained in:
Harald Bamberger
2025-07-28 15:04:15 +02:00
parent dcb9fad0d2
commit 4d1c4bf7ab
+9 -1
View File
@@ -43,4 +43,12 @@
--dp-border-color-hover: var(--bs-success);
}
.form-control.is-invalid ~ .dp__clear_icon,
.was-validated .form-control:invalid ~ .dp__clear_icon { margin-right: calc(1.5em + .75rem - 12px) }
.was-validated .form-control:invalid ~ .dp__clear_icon {
margin-right: calc(1.5em + .75rem - 12px);
}
.p-component .dp__input_icons {
box-sizing: content-box !important;
}
.input-group .dp__input_icons {
z-index: 3;
}