Reduce dropdown menu margin and padding (#2301)
* Reduce dropdown menu margin and padding * Change horizontal padding back to what it was * Reduce separator vertical margins for consistency
This commit is contained in:
parent
2f6ac6b432
commit
23197cebce
|
@ -537,14 +537,14 @@ body > [data-popper-placement] {
|
||||||
|
|
||||||
.dropdown-menu__separator {
|
.dropdown-menu__separator {
|
||||||
border-bottom: 1px solid var(--dropdown-border-color);
|
border-bottom: 1px solid var(--dropdown-border-color);
|
||||||
margin: 5px 0;
|
margin: 2px 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu {
|
.dropdown-menu {
|
||||||
background: var(--dropdown-background-color);
|
background: var(--dropdown-background-color);
|
||||||
border: 1px solid var(--dropdown-border-color);
|
border: 1px solid var(--dropdown-border-color);
|
||||||
padding: 4px;
|
padding: 2px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
box-shadow: var(--dropdown-shadow);
|
box-shadow: var(--dropdown-shadow);
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
|
@ -568,8 +568,8 @@ body > [data-popper-placement] {
|
||||||
&__container {
|
&__container {
|
||||||
&__header {
|
&__header {
|
||||||
border-bottom: 1px solid var(--dropdown-border-color);
|
border-bottom: 1px solid var(--dropdown-border-color);
|
||||||
padding: 10px 14px;
|
padding: 6px 14px;
|
||||||
padding-bottom: 14px;
|
padding-bottom: 12px;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
|
@ -609,7 +609,7 @@ body > [data-popper-placement] {
|
||||||
font: inherit;
|
font: inherit;
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 10px 14px;
|
padding: 6px 14px;
|
||||||
border: 0;
|
border: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
Reference in New Issue