/** Select2 selectbox style override **/ .select2-container, .select2-container.select2-drop-above { .select2-choice { background: #FFF; border-color: #BBB; padding: 6px 12px; font-size: 13px; line-height: 18px; height: auto; .select2-arrow { background: #FFF; border-left: 1px solid #DDD; } } } .select2-container-multi .select2-choices { @include border-radius(4px) } .select2-container-multi .select2-choices .select2-search-field input { padding: 6px 12px; font-size: 13px; line-height: 18px; height: auto; } .select2-drop-active { border: 1px solid #BBB !important; margin-top: 4px; &.select2-drop-above { margin-bottom: 8px; } .select2-search input { background: #fafafa; border-color: #DDD; } .select2-results { max-height: 350px; .select2-highlighted { background: $bg_primary; } } } select { &.select2 { width: 100px; } &.select2-sm { width: 100px; } } @media (min-width: $screen-sm-min) { select { &.select2 { width: 150px; } &.select2-sm { width: 120px; } } } /* Medium devices (desktops, 992px and up) */ @media (min-width: $screen-md-min) { select { &.select2 { width: 170px; } &.select2-sm { width: 140px; } } } /* Large devices (large desktops, 1200px and up) */ @media (min-width: $screen-lg-min) { select { &.select2 { width: 200px; } &.select2-sm { width: 150px; } } } /** Branch/tag selector **/ .project-refs-form .select2-container { margin-right: 10px; } .ajax-users-dropdown, .ajax-project-users-dropdown { .select2-search { padding-top: 4px; } } .ajax-users-select { width: 400px; &.input-large { width: 210px; } &.input-clamp { max-width: 100%; } } .group-result { .group-image { float: left; } .group-name { font-weight: bold; } .group-path { color: #999; } } .user-result { .user-image { float: left; } .user-name { } .user-username { color: #999; } } .namespace-result { .namespace-kind { color: #AAA; font-weight: normal; } .namespace-path { margin-left: 10px; font-weight: bolder; } }