diff --git a/src/assets/src/css/unify-custom.css b/src/assets/src/css/unify-custom.css index 0199689..df1ae53 100644 --- a/src/assets/src/css/unify-custom.css +++ b/src/assets/src/css/unify-custom.css @@ -219,8 +219,9 @@ body { } .form-control { - border-color: #eee; + border-color: #ced4da; padding: 10px; + height: 43px; height: auto; } @@ -555,4 +556,75 @@ body { box-shadow: none; border-color: transparent; background-color: transparent; +} + + + + + +.select2-container--krajee-bs4.select2-container--open:not(.select2-container--disabled) .select2-selection, .select2-container--krajee-bs4:not(.select2-container--disabled) .select2-selection:focus +{ + box-shadow: none; + border-color: #ced4da; +} + +.select2-container--krajee-bs4:not(.select2-container--disabled) .select2-dropdown { + border-color: #ced4da; + box-shadow: none; +} + +/*.select2-container--krajee-bs4 .select2-results__option { + font-size: 18px; +}*/ + +.select2-container--krajee-bs4 .select2-results__option.select2-results__option--selected, .select2-container--krajee-bs4 .select2-results__option[aria-selected=true] { + color: white; + background-color: #0c41ab; + +} + +.select2-container--krajee-bs4 .select2-results__option:hover +{ + color: white; + background-color: var(--primary-color); +} + +.select2-container--krajee-bs4 .select2-results__option--highlighted[aria-selected] +{ + background-color: var(--primary-color); +} + +.select2-container--krajee-bs4 .select2-results__option.select2-results__option--selected, .select2-container--krajee-bs4 .select2-results__option[aria-selected=true] +{ + background-color: var(--primary-color); +} +.select2-container .select2-selection--single { + height: 43px; + + border-radius: 4px; + /*display: flex;*/ + /*font-size: 18px;*/ + /*padding-top: 10px; + padding-left: 10px;*/ + box-shadow: none; + display: flex; + + +} + +.select2-container--krajee-bs4 .select2-selection--single .select2-selection__rendered { + width: 100%; + margin: auto; + position: relative; +} +.select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow { + border-left: 0; +} + +.select2-container--krajee-bs4 .select2-selection--single .select2-selection__clear, .select2-container--krajee-bs4 .select2-selection--multiple .select2-selection__clear { + position: absolute; + right: 0; + top: 50%; + float: none; + transform: translateY(-50%); } \ No newline at end of file