debian-mirror-gitlab/app/assets/stylesheets/framework/selects.scss

146 lines
2.4 KiB
SCSS
Raw Normal View History

2014-09-02 18:07:02 +05:30
/** Select2 selectbox style override **/
.select2-container, .select2-container.select2-drop-above {
.select2-choice {
background: #FFF;
2015-04-26 12:48:37 +05:30
border-color: #DDD;
2015-09-25 12:07:36 +05:30
height: 42px;
padding: 8px $gl-padding;
font-size: $gl-font-size;
2015-04-26 12:48:37 +05:30
line-height: 1.42857143;
2015-10-24 18:46:33 +05:30
@include border-radius(2px);
2014-09-02 18:07:02 +05:30
.select2-arrow {
background: #FFF;
2015-04-26 12:48:37 +05:30
border-left: none;
2015-09-25 12:07:36 +05:30
padding-top: 5px;
2014-09-02 18:07:02 +05:30
}
}
}
2015-10-24 18:46:33 +05:30
.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;
}
2014-09-02 18:07:02 +05:30
.select2-container-multi .select2-choices {
2015-10-24 18:46:33 +05:30
@include border-radius(2px);
2015-04-26 12:48:37 +05:30
border-color: #CCC;
2014-09-02 18:07:02 +05:30
}
.select2-container-multi .select2-choices .select2-search-field input {
2015-04-26 12:48:37 +05:30
padding: 8px 14px;
2014-09-02 18:07:02 +05:30
font-size: 13px;
line-height: 18px;
height: auto;
}
.select2-drop-active {
border: 1px solid #BBB !important;
margin-top: 4px;
2015-04-26 12:48:37 +05:30
font-size: 13px;
2014-09-02 18:07:02 +05:30
&.select2-drop-above {
margin-bottom: 8px;
}
.select2-search input {
background: #fafafa;
border-color: #DDD;
}
.select2-results {
max-height: 350px;
.select2-highlighted {
2015-04-26 12:48:37 +05:30
background: $gl-primary;
2014-09-02 18:07:02 +05:30
}
}
}
2015-04-26 12:48:37 +05:30
.select2-container {
width: 100% !important;
2014-09-02 18:07:02 +05:30
}
/** Branch/tag selector **/
.project-refs-form .select2-container {
2015-04-26 12:48:37 +05:30
width: 160px !important;
2014-09-02 18:07:02 +05:30
}
.ajax-users-dropdown, .ajax-project-users-dropdown {
.select2-search {
2015-10-24 18:46:33 +05:30
padding-top: 2px;
2014-09-02 18:07:02 +05:30
}
}
.ajax-users-select {
width: 400px;
&.input-large {
width: 210px;
}
&.input-clamp {
max-width: 100%;
}
}
2015-04-26 12:48:37 +05:30
.group-result {
.group-image {
float: left;
}
.group-name {
font-weight: bold;
}
.group-path {
color: #999;
}
}
2014-09-02 18:07:02 +05:30
.user-result {
.user-image {
float: left;
}
.user-name {
}
}
.namespace-result {
.namespace-kind {
color: #AAA;
font-weight: normal;
}
.namespace-path {
margin-left: 10px;
font-weight: bolder;
}
}
2015-04-26 12:48:37 +05:30
.ajax-users-dropdown {
2015-10-24 18:46:33 +05:30
min-width: 250px !important;
}