Make issuable filter dropdown style consistent
This commit is contained in:
parent
0d33de73b7
commit
2ca454cf9f
3 changed files with 20 additions and 12 deletions
|
@ -728,18 +728,27 @@
|
|||
@mixin new-style-dropdown($selector: '') {
|
||||
#{$selector}.dropdown-menu,
|
||||
#{$selector}.dropdown-menu-nav {
|
||||
.divider {
|
||||
margin: 6px 0;
|
||||
}
|
||||
|
||||
li {
|
||||
padding: 0 1px;
|
||||
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
&.divider {
|
||||
margin: 6px 0;
|
||||
|
||||
&:hover {
|
||||
background-color: $dropdown-divider-color;
|
||||
}
|
||||
}
|
||||
|
||||
&.dropdown-header {
|
||||
padding: 8px 16px;
|
||||
}
|
||||
|
||||
a {
|
||||
a,
|
||||
button {
|
||||
border-radius: 0;
|
||||
padding: 8px 16px;
|
||||
|
||||
|
@ -753,6 +762,7 @@
|
|||
&:active,
|
||||
&:focus {
|
||||
background-color: $gray-darker;
|
||||
color: $gl-text-color;
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
|
|
|
@ -50,6 +50,8 @@
|
|||
}
|
||||
|
||||
.filtered-search-wrapper {
|
||||
@include new-style-dropdown;
|
||||
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
|
||||
|
@ -411,8 +413,6 @@
|
|||
}
|
||||
|
||||
%filter-dropdown-item-btn-hover {
|
||||
background-color: $dropdown-hover-color;
|
||||
color: $white-light;
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
|
||||
|
@ -422,8 +422,6 @@
|
|||
}
|
||||
|
||||
.droplab-dropdown .dropdown-menu .filter-dropdown-item {
|
||||
padding: 0;
|
||||
|
||||
.btn {
|
||||
border: none;
|
||||
width: 100%;
|
||||
|
|
|
@ -57,7 +57,7 @@
|
|||
%li.filter-dropdown-item{ data: { value: 'none' } }
|
||||
%button.btn.btn-link
|
||||
No Assignee
|
||||
%li.divider
|
||||
%li.divider.droplab-item-ignore
|
||||
- if current_user
|
||||
= render 'shared/issuable/user_dropdown_item',
|
||||
user: current_user
|
||||
|
@ -76,7 +76,7 @@
|
|||
%li.filter-dropdown-item{ 'data-value' => 'started' }
|
||||
%button.btn.btn-link
|
||||
Started
|
||||
%li.divider
|
||||
%li.divider.droplab-item-ignore
|
||||
%ul.filter-dropdown{ data: { dynamic: true, dropdown: true } }
|
||||
%li.filter-dropdown-item
|
||||
%button.btn.btn-link.js-data-value
|
||||
|
@ -86,7 +86,7 @@
|
|||
%li.filter-dropdown-item{ data: { value: 'none' } }
|
||||
%button.btn.btn-link
|
||||
No Label
|
||||
%li.divider
|
||||
%li.divider.droplab-item-ignore
|
||||
%ul.filter-dropdown{ data: { dynamic: true, dropdown: true } }
|
||||
%li.filter-dropdown-item
|
||||
%button.btn.btn-link
|
||||
|
|
Loading…
Reference in a new issue