diff options
| author | Douwe Maan <douwe@gitlab.com> | 2015-12-02 14:24:44 +0100 |
|---|---|---|
| committer | Douwe Maan <douwe@gitlab.com> | 2015-12-02 14:24:44 +0100 |
| commit | 3b03987a27f3b6b720251b02abfadc4e9ba06fe8 (patch) | |
| tree | 11ae2c7c2a296c087be6c109f48837dbf8b60f8a /app/assets/stylesheets/framework/selects.scss | |
| parent | 6c54823dce9aecf54f78b41180ec75efbc1391f4 (diff) | |
| download | gitlab-ce-3b03987a27f3b6b720251b02abfadc4e9ba06fe8.tar.gz | |
Redesign multiple select2 options
Diffstat (limited to 'app/assets/stylesheets/framework/selects.scss')
| -rw-r--r-- | app/assets/stylesheets/framework/selects.scss | 41 |
1 files changed, 31 insertions, 10 deletions
diff --git a/app/assets/stylesheets/framework/selects.scss b/app/assets/stylesheets/framework/selects.scss index 78fff58d232..f541444401c 100644 --- a/app/assets/stylesheets/framework/selects.scss +++ b/app/assets/stylesheets/framework/selects.scss @@ -48,17 +48,38 @@ 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-container-multi .select2-choices { - @include border-radius(2px); - border-color: #CCC; -} - -.select2-container-multi .select2-choices .select2-search-field input { - padding: 8px 14px; - font-size: 13px; - line-height: 18px; - height: auto; + .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 { |