grocy/scss/customizations/_bootstrap.scss
2021-06-25 16:35:20 +02:00

50 lines
1.2 KiB
SCSS

/* Third party component customizations - Bootstrap */
/* Hide the form validation feedback icons introduced in Bootstrap 4.2.0 - a colored border is enough */
.form-control.is-invalid,
.custom-control.is-invalid,
.was-validated .form-control:invalid,
.was-validated .custom-control:invalid,
.form-control.is-valid,
.custom-control.is-valid,
.was-validated .form-control:valid,
.was-validated .custom-control:valid {
background-image: none;
}
.was-validated .custom-select:valid,
.was-validated .custom-select:invalid {
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
}
/* There is a little too much padding on form inputs */
.form-control {
padding-right: 0.75rem !important;
}
.btn-group-xs > .btn, .btn-xs {
padding : 0.25rem 0.4rem;
font-size : 0.875rem;
line-height : 0.5;
border-radius: 0.2rem;
}
.text-larger {
font-size: 125%;
}
.input-group > .form-control:focus {
z-index: inherit;
}
.list-group {
flex-shrink: 0;
}
/* Always show modals over everything else */
.modal {
z-index: 99998;
}
.detached-dropdown-menu {
z-index: 99999;
}