2014-01-11 05:11:54 -05:00
|
|
|
/** Select2 selectbox style override **/
|
2016-02-22 09:58:04 -05:00
|
|
|
.select2-container {
|
|
|
|
width: 100% !important;
|
|
|
|
}
|
|
|
|
|
2016-10-24 16:22:06 -04:00
|
|
|
.select2-container,
|
|
|
|
.select2-container.select2-drop-above {
|
2014-01-11 05:11:54 -05:00
|
|
|
.select2-choice {
|
2016-11-30 08:25:25 -05:00
|
|
|
background: $white-light;
|
2016-02-19 21:46:18 -05:00
|
|
|
border-color: $input-border;
|
2018-01-28 12:46:28 -05:00
|
|
|
height: 34px;
|
2016-06-06 14:11:49 -04:00
|
|
|
padding: $gl-vert-padding $gl-input-padding;
|
2015-09-03 08:43:31 -04:00
|
|
|
font-size: $gl-font-size;
|
2015-03-09 21:45:36 -04:00
|
|
|
line-height: 1.42857143;
|
2016-04-25 09:42:17 -04:00
|
|
|
border-radius: $border-radius-base;
|
2014-01-11 05:36:10 -05:00
|
|
|
|
|
|
|
.select2-arrow {
|
2016-02-19 21:46:18 -05:00
|
|
|
background-image: none;
|
|
|
|
background-color: transparent;
|
2017-11-02 19:59:51 -04:00
|
|
|
border: 0;
|
2017-06-19 09:50:30 -04:00
|
|
|
padding-top: 12px;
|
|
|
|
padding-right: 20px;
|
|
|
|
font-size: 10px;
|
2016-02-19 21:46:18 -05:00
|
|
|
|
|
|
|
b {
|
2017-06-19 09:50:30 -04:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
&::after {
|
|
|
|
content: "\f078";
|
|
|
|
position: absolute;
|
|
|
|
z-index: 1;
|
|
|
|
text-align: center;
|
|
|
|
pointer-events: none;
|
|
|
|
box-sizing: border-box;
|
2016-02-19 21:46:18 -05:00
|
|
|
color: $gray-darkest;
|
2017-06-19 09:50:30 -04:00
|
|
|
display: inline-block;
|
|
|
|
font: normal normal normal 14px/1 FontAwesome;
|
|
|
|
font-size: inherit;
|
|
|
|
text-rendering: auto;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
2016-02-19 21:46:18 -05:00
|
|
|
}
|
2014-01-11 05:36:10 -05:00
|
|
|
}
|
2015-12-02 08:12:16 -05:00
|
|
|
|
|
|
|
.select2-chosen {
|
2016-02-19 21:46:18 -05:00
|
|
|
margin-right: 15px;
|
2015-12-02 08:12:16 -05:00
|
|
|
}
|
|
|
|
|
2016-02-19 21:46:18 -05:00
|
|
|
&:hover {
|
2017-10-04 15:52:42 -04:00
|
|
|
border-color: $gray-darkest;
|
2016-02-22 12:59:32 -05:00
|
|
|
color: $gl-text-color;
|
2015-12-02 08:12:16 -05:00
|
|
|
}
|
2012-11-06 12:31:01 -05:00
|
|
|
}
|
2013-12-19 13:21:22 -05:00
|
|
|
}
|
2013-12-31 09:16:50 -05:00
|
|
|
|
2017-10-04 15:52:42 -04:00
|
|
|
.select2-drop,
|
|
|
|
.select2-drop.select2-drop-above {
|
|
|
|
box-shadow: 0 2px 4px $dropdown-shadow-color;
|
|
|
|
border-radius: $border-radius-base;
|
2018-08-22 12:40:38 -04:00
|
|
|
border: 1px solid $border-color;
|
2016-03-25 16:24:22 -04:00
|
|
|
min-width: 175px;
|
2017-11-05 18:13:11 -05:00
|
|
|
color: $gl-text-color;
|
|
|
|
z-index: 999;
|
2017-10-18 05:24:55 -04:00
|
|
|
}
|
|
|
|
|
2017-11-05 18:13:11 -05:00
|
|
|
.select2-drop-mask {
|
|
|
|
z-index: 998;
|
|
|
|
}
|
|
|
|
|
|
|
|
.select2-drop.select2-drop-above.select2-drop-active {
|
2018-08-22 12:40:38 -04:00
|
|
|
border-top: 1px solid $border-color;
|
2017-11-05 18:13:11 -05:00
|
|
|
margin-top: -6px;
|
2015-10-05 15:18:21 -04:00
|
|
|
}
|
|
|
|
|
2016-02-22 09:58:04 -05:00
|
|
|
.select2-container-active {
|
2016-10-24 16:22:06 -04:00
|
|
|
.select2-choice,
|
|
|
|
.select2-choices {
|
2016-09-09 12:59:36 -04:00
|
|
|
box-shadow: none;
|
2016-02-22 09:58:04 -05:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-10-04 15:52:42 -04:00
|
|
|
.select2-dropdown-open,
|
|
|
|
.select2-dropdown-open.select2-drop-above {
|
2016-02-22 09:58:04 -05:00
|
|
|
.select2-choice {
|
2017-10-04 15:52:42 -04:00
|
|
|
border-color: $gray-darkest;
|
2016-02-22 09:58:04 -05:00
|
|
|
outline: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2015-12-02 08:24:44 -05:00
|
|
|
.select2-container-multi {
|
|
|
|
.select2-choices {
|
2016-09-09 12:59:36 -04:00
|
|
|
border-radius: $border-radius-default;
|
2015-12-02 08:24:44 -05:00
|
|
|
border-color: $input-border;
|
2016-02-22 09:58:04 -05:00
|
|
|
background: none;
|
2015-10-05 15:18:21 -04:00
|
|
|
|
2015-12-02 08:24:44 -05:00
|
|
|
.select2-search-field input {
|
2016-08-31 10:28:58 -04:00
|
|
|
padding: 5px $gl-padding / 2;
|
2015-12-02 08:24:44 -05:00
|
|
|
height: auto;
|
|
|
|
font-family: inherit;
|
|
|
|
font-size: inherit;
|
|
|
|
}
|
2015-10-05 15:18:21 -04:00
|
|
|
|
2015-12-02 08:24:44 -05:00
|
|
|
.select2-search-choice {
|
2016-10-13 06:18:56 -04:00
|
|
|
margin: 5px 0 0 8px;
|
2015-12-02 08:24:44 -05:00
|
|
|
box-shadow: none;
|
|
|
|
border-color: $input-border;
|
|
|
|
color: $gl-text-color;
|
|
|
|
line-height: 15px;
|
2016-12-12 17:26:21 -05:00
|
|
|
background-color: $gray-light;
|
2016-02-22 09:58:04 -05:00
|
|
|
background-image: none;
|
2017-06-12 14:35:46 -04:00
|
|
|
padding: 3px 18px 3px 5px;
|
2014-06-06 14:39:30 -04:00
|
|
|
|
2015-12-02 08:24:44 -05:00
|
|
|
.select2-search-choice-close {
|
2017-06-12 14:35:46 -04:00
|
|
|
top: 5px;
|
|
|
|
left: initial;
|
|
|
|
right: 3px;
|
2015-12-02 08:24:44 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
&.select2-search-choice-focus {
|
|
|
|
border-color: $gl-text-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2016-02-19 21:46:18 -05:00
|
|
|
}
|
|
|
|
|
2014-01-11 05:36:10 -05:00
|
|
|
.select2-drop-active {
|
2017-10-04 15:52:42 -04:00
|
|
|
margin-top: $dropdown-vertical-offset;
|
2016-02-22 09:58:04 -05:00
|
|
|
font-size: 14px;
|
2014-01-14 14:45:20 -05:00
|
|
|
|
2014-01-14 14:52:39 -05:00
|
|
|
.select2-results {
|
|
|
|
max-height: 350px;
|
2014-01-14 14:45:20 -05:00
|
|
|
}
|
2014-01-11 05:36:10 -05:00
|
|
|
}
|
|
|
|
|
2016-02-22 09:58:04 -05:00
|
|
|
.select2-search {
|
2017-11-29 08:12:32 -05:00
|
|
|
padding: $grid-size;
|
2016-02-22 09:58:04 -05:00
|
|
|
|
|
|
|
.select2-drop-auto-width & {
|
2017-11-29 08:12:32 -05:00
|
|
|
padding: $grid-size;
|
2016-02-22 09:58:04 -05:00
|
|
|
}
|
2016-02-19 21:46:18 -05:00
|
|
|
|
2017-07-12 05:50:26 -04:00
|
|
|
input {
|
2017-11-29 08:12:32 -05:00
|
|
|
padding: $grid-size;
|
2017-07-12 05:50:26 -04:00
|
|
|
background: $white-light image-url('select2.png');
|
2017-11-29 08:12:32 -05:00
|
|
|
background-clip: content-box;
|
|
|
|
background-origin: content-box;
|
2017-07-12 05:50:26 -04:00
|
|
|
background-repeat: no-repeat;
|
2017-11-29 08:12:32 -05:00
|
|
|
background-position: right 0 bottom 0 !important;
|
2017-07-12 05:50:26 -04:00
|
|
|
border: 1px solid $input-border;
|
|
|
|
border-radius: $border-radius-default;
|
2017-11-29 08:12:32 -05:00
|
|
|
line-height: 16px;
|
2017-07-12 05:50:26 -04:00
|
|
|
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
|
|
|
|
|
|
|
&:focus {
|
2018-08-09 14:11:56 -04:00
|
|
|
border-color: $blue-300;
|
2017-07-12 05:50:26 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
&.select2-active {
|
|
|
|
background-color: $white-light;
|
|
|
|
background-image: image-url('select2-spinner.gif') !important;
|
2017-11-29 08:12:32 -05:00
|
|
|
background-origin: content-box;
|
2017-07-12 05:50:26 -04:00
|
|
|
background-repeat: no-repeat;
|
2017-11-29 08:12:32 -05:00
|
|
|
background-position: right 6px center !important;
|
2017-07-12 05:50:26 -04:00
|
|
|
background-size: 16px 16px !important;
|
|
|
|
}
|
2016-02-22 09:58:04 -05:00
|
|
|
}
|
2017-11-29 08:12:32 -05:00
|
|
|
|
|
|
|
+ .select2-results {
|
|
|
|
padding-top: 0;
|
|
|
|
}
|
2016-02-19 21:46:18 -05:00
|
|
|
}
|
|
|
|
|
2016-02-22 09:58:04 -05:00
|
|
|
.select2-results {
|
|
|
|
margin: 0;
|
2017-11-05 18:13:11 -05:00
|
|
|
padding: #{$gl-padding / 2} 0;
|
|
|
|
|
|
|
|
.select2-no-results,
|
|
|
|
.select2-searching,
|
|
|
|
.select2-ajax-error,
|
|
|
|
.select2-selection-limit {
|
|
|
|
background: transparent;
|
|
|
|
padding: #{$gl-padding / 2} $gl-padding;
|
|
|
|
}
|
|
|
|
|
|
|
|
.select2-result-label,
|
|
|
|
.select2-more-results {
|
|
|
|
padding: #{$gl-padding / 2} $gl-padding;
|
|
|
|
}
|
|
|
|
|
|
|
|
.select2-highlighted {
|
|
|
|
background: transparent;
|
|
|
|
color: $gl-text-color;
|
|
|
|
|
|
|
|
.select2-result-label {
|
2018-08-22 12:40:38 -04:00
|
|
|
background: $gray-darker;
|
2017-11-05 18:13:11 -05:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.select2-result {
|
|
|
|
padding: 0 1px;
|
|
|
|
}
|
2017-10-04 15:52:42 -04:00
|
|
|
|
2017-07-12 05:50:26 -04:00
|
|
|
li.select2-result-with-children > .select2-result-label {
|
|
|
|
font-weight: $gl-font-weight-bold;
|
2017-10-04 15:52:42 -04:00
|
|
|
color: $gl-text-color;
|
|
|
|
}
|
2014-02-13 08:45:24 -05:00
|
|
|
}
|
2014-02-20 06:51:22 -05:00
|
|
|
|
|
|
|
.ajax-users-select {
|
|
|
|
width: 400px;
|
|
|
|
|
|
|
|
&.input-large {
|
|
|
|
width: 210px;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.input-clamp {
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-04-25 09:42:17 -04:00
|
|
|
.select2-highlighted {
|
|
|
|
.group-result {
|
|
|
|
.group-path {
|
2016-11-30 08:25:25 -05:00
|
|
|
color: $white-light;
|
2016-04-25 09:42:17 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-12-30 04:32:24 -05:00
|
|
|
.group-result {
|
|
|
|
.group-image {
|
|
|
|
float: left;
|
|
|
|
}
|
2016-10-14 16:39:08 -04:00
|
|
|
|
2014-12-30 04:32:24 -05:00
|
|
|
.group-name {
|
2017-08-24 10:13:24 -04:00
|
|
|
font-weight: $gl-font-weight-bold;
|
2014-12-30 04:32:24 -05:00
|
|
|
}
|
2016-10-14 16:39:08 -04:00
|
|
|
|
2014-12-30 04:32:24 -05:00
|
|
|
.group-path {
|
2018-08-24 12:29:44 -04:00
|
|
|
color: $gl-gray-400;
|
2014-12-30 04:32:24 -05:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-02-20 06:51:22 -05:00
|
|
|
.user-result {
|
2015-12-02 08:11:32 -05:00
|
|
|
min-height: 24px;
|
2018-11-06 01:57:21 -05:00
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
2015-12-02 08:11:32 -05:00
|
|
|
|
2014-02-20 06:51:22 -05:00
|
|
|
.user-image {
|
|
|
|
float: left;
|
|
|
|
}
|
2015-12-02 08:11:32 -05:00
|
|
|
|
|
|
|
&.no-username {
|
|
|
|
.user-name {
|
|
|
|
line-height: 24px;
|
|
|
|
}
|
2014-02-20 06:51:22 -05:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.namespace-result {
|
|
|
|
.namespace-kind {
|
2018-08-24 12:29:44 -04:00
|
|
|
color: $gl-gray-350;
|
2017-08-24 10:13:24 -04:00
|
|
|
font-weight: $gl-font-weight-normal;
|
2014-02-20 06:51:22 -05:00
|
|
|
}
|
2016-10-14 16:39:08 -04:00
|
|
|
|
2014-02-20 06:51:22 -05:00
|
|
|
.namespace-path {
|
|
|
|
margin-left: 10px;
|
2017-08-24 10:13:24 -04:00
|
|
|
font-weight: $gl-font-weight-bold;
|
2014-02-20 06:51:22 -05:00
|
|
|
}
|
|
|
|
}
|
2015-03-26 22:13:49 -04:00
|
|
|
|
|
|
|
.ajax-users-dropdown {
|
2015-10-07 11:21:15 -04:00
|
|
|
min-width: 250px !important;
|
2015-12-10 13:04:58 -05:00
|
|
|
}
|
2017-08-15 08:07:56 -04:00
|
|
|
|
2017-10-04 15:52:42 -04:00
|
|
|
.select2-result-selectable,
|
|
|
|
.select2-result-unselectable {
|
|
|
|
.select2-match {
|
|
|
|
font-weight: $gl-font-weight-bold;
|
|
|
|
text-decoration: none;
|
2017-08-15 08:07:56 -04:00
|
|
|
}
|
|
|
|
}
|