51 lines
1.3 KiB
CSS
51 lines
1.3 KiB
CSS
/* Hide Select2's custom elements */
|
|
.select2-container-hidden {
|
|
position: absolute !important;
|
|
left: -9999px !important;
|
|
}
|
|
|
|
.select2-dropdown-hidden {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Ensure the original select is visible and styled -------------------------------------------- */
|
|
select.select2 {
|
|
display: block !important;
|
|
width: 100% !important;
|
|
height: auto !important;
|
|
padding: .375rem .75rem !important;
|
|
font-size: 1rem !important;
|
|
line-height: 1.5 !important;
|
|
color: #495057 !important;
|
|
background-color: #fff !important;
|
|
background-clip: padding-box !important;
|
|
border: 1px solid #ced4da !important;
|
|
border-radius: .25rem !important;
|
|
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
|
|
}
|
|
|
|
/* Style for multiple select */
|
|
select.select2[multiple] {
|
|
height: auto !important;
|
|
}
|
|
|
|
.select2-container--default .select2-results > .select2-results__options {
|
|
max-height: 200px !important; /* Pas deze waarde aan naar wens */
|
|
overflow-y: auto !important;
|
|
}
|
|
|
|
/* Zorg voor een consistente breedte */
|
|
.select2-container {
|
|
width: 100% !important;
|
|
}
|
|
|
|
/* Voorkom dat de dropdown de pagina uitbreidt */
|
|
.select2-dropdown {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.timezone-dropdown {
|
|
max-height: 300px;
|
|
overflow-y: auto !important;
|
|
}
|