/** Select2 selectbox style override **/ .select2-container, .select2-container.select2-drop-above { .select2-choice { background: #FFF; border-color: #CCC; padding: 6px 14px; line-height: 1.42857143; 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: 8px 14px; font-size: 13px; line-height: 18px; height: auto; } .select2-drop-active { border: 1px solid #BBB !important; margin-top: 4px; font-size: 13px; &.select2-drop-above { margin-bottom: 8px; } .select2-search input { background: #fafafa; border-color: #DDD; } .select2-results { max-height: 350px; .select2-highlighted { background: $gl-primary; } } } .select2-container { width: 100% !important; } /** Branch/tag selector **/ .project-refs-form .select2-container { width: 160px !important; } .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; } } .ajax-users-dropdown { min-width: 225px !important; }