lars/Portfolio-2026
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixing desktop menu appereance

Browse Source
This commit is contained in:
sefaria
2026-05-25 00:23:45 +02:00
parent 9a92ed4489
commit 992233f4cb
1 changed files with 28 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+28 -24
View File
@@ -209,8 +209,7 @@ h3,
h4, h4,
h5, h5,
h6, h6,
p, p {
li {
scroll-margin-top: 80px; scroll-margin-top: 80px;
width: clamp(min(100%, 40ch), 50ch, min(100%, 60ch)); width: clamp(min(100%, 40ch), 50ch, min(100%, 60ch));
} }
@@ -415,7 +414,7 @@ button:active, .link-button:active, .logo:active, .desktop-nav a[aria-current="p
color: var(--color-text-button-active); color: var(--color-text-button-active);
} }
button:visited, .link-button:visited, .logo:visited, .desktop-nav a[aria-current="page"]:hover, .mobile-menu a[aria-current="page"]:hover { button:visited, .link-button:visited, .logo:visited, .desktop-nav a[aria-current="page"]:visited, .mobile-menu a[aria-current="page"]:visited {
color: var(--color-text-button); color: var(--color-text-button);
text-decoration: none; text-decoration: none;
} }
@@ -465,41 +464,46 @@ button:visited, .link-button:visited, .logo:visited, .desktop-nav a[aria-current
.menu-bar .menu-left { .menu-bar .menu-left {
display: flex; display: flex;
align-items: center; align-items: stretch;
justify-content: center; gap: var(--spacing-4);
gap: 1rem;
min-height: 44px;
} }
/* .desktop-nav {
height: 100%;
align-self: stretch;
} */
.desktop-nav { .desktop-nav {
flex: 1; flex: 1 1 auto;
display: flex;
align-self: stretch;
background: light-dark(var(--color-neutral-200), var(--color-neutral-800)); background: light-dark(var(--color-neutral-200), var(--color-neutral-800));
border-radius: var(--radius-xxl); border-radius: var(--radius-xxl);
box-shadow: var(--shadow-button); box-shadow: var(--shadow-button);
padding: var(--spacing-2);
height: 100%;
}
.desktop-nav ul,
.mobile-menu ul {
list-style: none;
margin: 0;
padding: 0;
} }
.desktop-nav ul { .desktop-nav ul {
display: flex; display: flex;
align-items: stretch;
width: 100%;
margin: 0;
padding: var(--spacing-2);
list-style: none;
gap: var(--spacing-2); gap: var(--spacing-2);
} }
/* .desktop-nav ul li { .desktop-nav li {
flex: 1 1 0;
display: flex;
align-items: stretch;
margin: 0; margin: 0;
} */ padding: 0;
list-style: none;
}
.desktop-nav .menu-button {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
white-space: nowrap;
}
.desktop-nav a[aria-current="page"], .desktop-nav a[aria-current="page"],
.mobile-menu a[aria-current="page"] { .mobile-menu a[aria-current="page"] {