stylesheet: fix clickable area of dropdown items
This commit is contained in:
parent
75c37e25f6
commit
48b89062c8
1 changed files with 9 additions and 2 deletions
|
@ -201,7 +201,7 @@
|
||||||
.dropdown-items {
|
.dropdown-items {
|
||||||
li {
|
li {
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 2 * $default-spacer;
|
padding: $default-padding;
|
||||||
color: $grey;
|
color: $grey;
|
||||||
border-bottom: 1px solid $border-grey;
|
border-bottom: 1px solid $border-grey;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
@ -226,10 +226,17 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
display: flex;
|
|
||||||
color: $grey;
|
color: $grey;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Make child links fill the whole clickable area
|
||||||
|
> a {
|
||||||
|
display: flex;
|
||||||
|
flex-grow: 1;
|
||||||
|
margin: -$default-padding;
|
||||||
|
padding: $default-padding;
|
||||||
|
}
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue