key4intranet/key4intranet.front/public/assets/scss/bootstrap-select.key4.scss
2021-06-18 10:37:33 +02:00

82 lines
1.3 KiB
SCSS

@import '../_lib-scss/bootstrap-select/bootstrap-select';
.bootstrap-select {
> select.mobile-device:focus + .dropdown-toggle,
.dropdown-toggle:focus {
outline: 0 !important;
}
> .dropdown-toggle {
&::after {
display: none;
}
}
.dropdown-menu {
z-index: 10000;
border: 0;
li {
a {
max-width: 95vw;
padding: .35rem 1.5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
.icon {
width: 24px;
}
.text {
color: black !important;
}
}
a:active {
.text {
color: white !important;
}
}
&.selected,
&.active {
a {
&,
.text {
color: white !important;
}
}
}
}
}
&.custom-select-sm,
&.custom-select-lg {
height: inherit;
padding: inherit;
font-size: inherit;
}
&.custom-select-sm {
.custom-select {
height: calc(1.5em + .8rem + 2px);
padding-top: .4rem;
padding-bottom: .4rem;
padding-left: 1.05rem;
font-size: .8em;
}
}
&.custom-select-lg {
.custom-select {
height: calc(2.5em + .56rem + 2px);
padding-top: .28rem;
padding-bottom: .28rem;
padding-left: 1.7rem;
font-size: 1.15em;
}
}
&.disabled,
> .disabled {
.dropdown-toggle {
color: #6c757d;
background-color: #e9ecef;
box-shadow: none;
}
}
&[class*="col-"] {
padding-left: 0;
padding-right: 0;
}
}