/* ════ Select2 — XP görkəmi (qlobal) ════ Əvvəllər hər səhifə bu qaydaları özü daşıyırdı; indi bir yerdədir. Fərdi səhifə CSS-i lazım gələrsə bunun üzərinə yazır. */ .select2-container { max-width: 100%; vertical-align: middle; } .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple { border: 1px solid #c2cad4; border-radius: 0; background: #fff; min-height: 26px; } .select2-container--default .select2-selection--single { height: 26px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 24px; font-size: 12px; padding-left: 6px; color: #000; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 24px; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single { border-color: #7da2c1; box-shadow: 0 0 0 2px rgba(125, 162, 193, .25); } .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0 4px; line-height: 1.4; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #eaf1f8; border: 1px solid #c2d3e4; border-radius: 0; color: #244a6b; font-size: 11px; margin: 2px 3px 2px 0; padding: 0 4px; } /* Select2 4.1-də «×» mütləq mövqelidir və çipin sol boşluğuna (padding-left: 20px) güvənir; yuxarıdakı `padding: 0 4px` o boşluğu silir, «×» mətnin üstünə düşürdü. Düymə adi axına qaytarılır — çipin padding-i nə olursa olsun üst-üstə düşmür. */ .select2-container--default .select2-selection--multiple .select2-selection__choice { display: inline-flex; align-items: center; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { position: static; border: 0; padding: 0 2px; margin: 0 3px 0 0; background: transparent; color: #8a5050; line-height: 1; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { background: transparent; color: #a1291c; } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { padding: 0; cursor: default; } .select2-container--default .select2-search--inline .select2-search__field { font-size: 12px; margin-top: 3px; } /* Açılan siyahı -yə qoşulur (xp-window `overflow:hidden` olduğu üçün), ona görə qaydalar scope-suzdur. */ .select2-dropdown { border-color: #c2cad4; border-radius: 0; box-shadow: 0 4px 14px rgba(0, 0, 0, .18); z-index: 100000; } .select2-container--default .select2-results__option { font-size: 12px; padding: 3px 8px; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #1f5a7a; } .select2-container--default .select2-results__group { font-size: 11px; font-weight: bold; color: #55606c; background: #f0f3f7; padding: 3px 6px; } .select2-search--dropdown .select2-search__field { font-size: 12px; padding: 3px 5px; border: 1px solid #c2cad4; } /* Toolbar-da select2 hündürlüyü XP inputları ilə eyni olsun. */ .xp-toolbar .select2-container--default .select2-selection--single { height: 24px; } .xp-toolbar .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 22px; } .xp-toolbar .select2-container--default .select2-selection--single .select2-selection__arrow { height: 22px; } @media (max-width: 640px) { .select2-container { width: 100% !important; } }