change menu-toggle height to logo height

This commit is contained in:
sefaria
2026-06-30 00:15:57 +02:00
parent e189c16149
commit 564df534bf
+8 -3
View File
@@ -605,8 +605,12 @@ button:active, .button-primary:active, .logo:active {
} }
.menu-toggle { .menu-toggle {
display: none;
position: relative; position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
justify-self: end;
align-self: stretch;
transition: transform 0.25s ease, opacity 0.25s ease; transition: transform 0.25s ease, opacity 0.25s ease;
} }
@@ -633,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: var(--radius-xl); border-radius: calc(26px + var(--spacing-2));
box-shadow: var(--shadow-button); box-shadow: var(--shadow-button);
padding: 0; padding: 0;
opacity: 0; opacity: 0;
@@ -661,7 +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: 52px; min-height: 62px;
border-radius: 26px;
} }
/* .page-content { /* .page-content {