184 lines
3 KiB
SCSS
184 lines
3 KiB
SCSS
/** Select2 selectbox style override **/
|
|
.select2-container, .select2-container.select2-drop-above {
|
|
.select2-choice {
|
|
background: #FFF;
|
|
border-color: #DDD;
|
|
height: 36px;
|
|
padding: 6px $gl-padding;
|
|
font-size: $gl-font-size;
|
|
line-height: 1.42857143;
|
|
|
|
@include border-radius(2px);
|
|
|
|
.select2-arrow {
|
|
background: #FFF;
|
|
border-left: none;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.select2-chosen {
|
|
color: $gl-text-color;
|
|
}
|
|
|
|
&.select2-default {
|
|
.select2-chosen {
|
|
color: #999;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.select2-container .select2-choice, .select2-container.select2-drop-above .select2-choice{
|
|
color: #7f8fa4;
|
|
border: 1px solid #e7e9ed;
|
|
}
|
|
|
|
|
|
.select2-drop {
|
|
@include box-shadow(rgba(76, 86, 103, 0.247059) 0px 0px 1px 0px, rgba(31, 37, 50, 0.317647) 0px 2px 18px 0px);
|
|
@include border-radius (0px);
|
|
|
|
padding: 16px;
|
|
border: none !important;
|
|
}
|
|
|
|
.select2-results .select2-result-label {
|
|
padding: 9px;
|
|
}
|
|
|
|
.select2-drop{
|
|
color: #7f8fa4;
|
|
}
|
|
|
|
.select2-highlighted {
|
|
background: #3084bb !important;
|
|
}
|
|
|
|
.select2-results li.select2-result-with-children > .select2-result-label {
|
|
font-weight: 600;
|
|
color: #313236;
|
|
}
|
|
|
|
.select2-container-multi {
|
|
.select2-choices {
|
|
@include border-radius(2px);
|
|
border-color: $input-border;
|
|
background: white;
|
|
padding-left: $gl-padding / 2;
|
|
|
|
.select2-search-field input {
|
|
padding: $gl-padding / 2;
|
|
font-size: 13px;
|
|
height: auto;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
}
|
|
|
|
.select2-search-choice {
|
|
margin: 8px 0 0 8px;
|
|
background: white;
|
|
box-shadow: none;
|
|
border-color: $input-border;
|
|
color: $gl-text-color;
|
|
line-height: 15px;
|
|
|
|
.select2-search-choice-close {
|
|
top: 5px;
|
|
}
|
|
|
|
&.select2-search-choice-focus {
|
|
border-color: $gl-text-color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.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: 2px;
|
|
}
|
|
}
|
|
|
|
.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 {
|
|
min-height: 24px;
|
|
|
|
.user-image {
|
|
float: left;
|
|
}
|
|
|
|
&.no-username {
|
|
.user-name {
|
|
line-height: 24px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.namespace-result {
|
|
.namespace-kind {
|
|
color: #AAA;
|
|
font-weight: normal;
|
|
}
|
|
.namespace-path {
|
|
margin-left: 10px;
|
|
font-weight: bolder;
|
|
}
|
|
}
|
|
|
|
.ajax-users-dropdown {
|
|
min-width: 250px !important;
|
|
}
|