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:
Claire 2023-07-16 18:23:07 +02:00 committed by GitHub
parent 2f6ac6b432
commit 23197cebce
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -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;