1
2 .select2-results__options {
3 height: 150px !important;
4 overflow-y: auto !important;
5 }
6 .modal-body::-webkit-scrollbar {
7 width: 8px !important; /* Tamaño del scroll en vertical */
8 height: 8px !important; /* Tamaño del scroll en horizontal */
9 display: none !important; /* Ocultar scroll */
10 }
11 /* Ponemos un color de fondo y redondeamos las esquinas del thumb */
12 .modal-body::-webkit-scrollbar-thumb {
13 background: rgb(160, 29, 29) !important;
14 border-radius: 4px;
15 }
16 /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
17 .modal-body::-webkit-scrollbar-thumb:hover {
18 background: #c21a1a !important;
19 box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2) !important;
20 }
21 /* Cambiamos el fondo cuando esté en active */
22 .modal-body::-webkit-scrollbar-thumb:active {
23 background-color: #c22727 !important;
24 }
25
26 /* Ponemos un color de fondo y redondeamos las esquinas del track */
27 .modal-body::-webkit-scrollbar-track {
28 background: #911111 !important;
29 border-radius: 4px !important;
30 }
31 /* Cambiamos el fondo cuando esté en active o hover */
32 .modal-body::-webkit-scrollbar-track:hover,
33 .modal-body::-webkit-scrollbar-track:active {
34 background: #490d0d !important;
35 }