select-advanced.css (1542B)
1 .rwmb-field .select2-container { 2 height: auto; 3 min-width: 160px; 4 max-width: 100%; 5 } 6 .select2-container .select2-selection--single, 7 .select2-container .select2-selection--multiple, 8 .select2-dropdown { 9 border-color: #7e8993; 10 } 11 .select2-container .select2-selection--multiple { 12 min-height: 30px; 13 } 14 .select2-container--open .select2-dropdown--below { 15 border-top: 1px solid #7e8993; 16 top: -1px; 17 } 18 .select2-container--open .select2-dropdown--above { 19 border-bottom: 1px solid #7e8993; 20 bottom: -1px; 21 } 22 .select2-container .select2-selection--single { 23 height: 30px; 24 } 25 .select2-container .select2-selection--multiple .select2-selection__rendered { 26 display: block; 27 } 28 .select2-container--default .select2-selection--single .select2-selection__rendered { 29 line-height: 30px; 30 } 31 .select2-container--default .select2-selection--single .select2-selection__arrow { 32 height: 28px; 33 } 34 .select2-results__option { 35 margin-bottom: 0; 36 } 37 .select2-container .select2-search--inline { 38 margin-bottom: 0; 39 } 40 .select2-container .select2-search--inline .select2-search__field { 41 margin-top: 0; 42 min-height: auto; 43 } 44 .select2-search--dropdown .select2-search__field { 45 padding: 0 4px; 46 min-height: 30px; 47 } 48 49 body > .select2-container { 50 z-index: 999999; 51 } 52 53 @media (max-width: 782px) { 54 .select2-container .select2-selection--single { 55 height: 40px; 56 } 57 .select2-container--default .select2-selection--single .select2-selection__rendered { 58 line-height: 40px; 59 } 60 .select2-container--default .select2-selection--single .select2-selection__arrow { 61 height: 38px; 62 } 63 }