change mobile-menu list item height

This commit is contained in:
sefaria
2026-06-30 00:21:42 +02:00
parent 564df534bf
commit af5075afec
+6 -6
View File
@@ -606,7 +606,7 @@ button:active, .button-primary:active, .logo:active {
.menu-toggle { .menu-toggle {
position: relative; position: relative;
display: inline-flex; display: none;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
justify-self: end; justify-self: end;
@@ -628,7 +628,7 @@ button:active, .button-primary:active, .logo:active {
.mobile-menu { .mobile-menu {
position: fixed; position: fixed;
top: 6.5rem; top: 7rem;
right: var(--spacing-5); right: var(--spacing-5);
left: var(--spacing-5); left: var(--spacing-5);
width: auto; width: auto;
@@ -637,7 +637,7 @@ button:active, .button-primary:active, .logo:active {
overflow-y: auto; overflow-y: auto;
margin-inline: 0; margin-inline: 0;
background: var(--color-button-secondary); background: var(--color-button-secondary);
border-radius: calc(26px + var(--spacing-2)); border-radius: calc(36px + var(--spacing-2));
box-shadow: var(--shadow-button); box-shadow: var(--shadow-button);
padding: 0; padding: 0;
opacity: 0; opacity: 0;
@@ -665,8 +665,8 @@ button:active, .button-primary:active, .logo:active {
.mobile-menu a { .mobile-menu a {
display: block; display: block;
text-align: center; text-align: center;
min-height: 62px; min-height: 72px;
border-radius: 26px; border-radius: 36px;
} }
/* .page-content { /* .page-content {
@@ -974,7 +974,7 @@ footer a:visited {
} }
.menu-toggle { .menu-toggle {
display: inline-block; display: inline-flex;
justify-self: end; justify-self: end;
min-height: 52px; min-height: 52px;
} }