change mobile-menu button styling

This commit is contained in:
sefaria
2026-06-29 23:27:23 +02:00
parent 792e08ad03
commit 80d57f5f41
+12 -6
View File
@@ -633,9 +633,9 @@ 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-xxl); border-radius: var(--radius-xl);
box-shadow: var(--shadow-button); box-shadow: var(--shadow-button);
padding: 1rem; padding: 0;
opacity: 0; opacity: 0;
transform: translateY(1rem) scale(0.98); transform: translateY(1rem) scale(0.98);
pointer-events: none; pointer-events: none;
@@ -645,7 +645,14 @@ button:active, .button-primary:active, .logo:active {
.mobile-menu ul { .mobile-menu ul {
display: grid; display: grid;
gap: 0.5rem; width: 100%;
margin: 0;
padding: var(--spacing-2);
list-style: none;
gap: var(--spacing-2);
}
.mobile-menu li {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
@@ -653,9 +660,8 @@ button:active, .button-primary:active, .logo:active {
.mobile-menu a { .mobile-menu a {
display: block; display: block;
padding: 0.95rem 1rem; text-align: center;
border-radius: 0.75rem; min-height: 52px;
background: rgb(255 255 255 / 0.56);
} }
/* .page-content { /* .page-content {