Fix the overlap problem

ramsayleung · ramsayleung · commit 584e6a3d67cf · 2025-03-01T09:47:25.000-08:00
Since the dropdown menu and the post entry-link both have the same
z-index value `1`, as post element appear later in the HTML structure,
so it will place above the dropdown menu, so we couldn't click the
dropdown menu if it overlap with content title.
diff --git a/assets/css/extended/header.css b/assets/css/extended/header.css
@@ -10,7 +10,7 @@
     box-shadow: 0px 8px 16px 0px var(--border);
     border-radius: 8px;
     line-height: 1.3rem;
-    z-index: 1;
+    z-index: 2;
 }
 
 .dropdown:hover .dropdown-content {

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`	`box-shadow: 0px 8px 16px 0px var(--border);`
`11`	`11`	`border-radius: 8px;`
`12`	`12`	`line-height: 1.3rem;`
`13`		`- z-index: 1;`
	`13`	`+ z-index: 2;`
`14`	`14`	`}`
`15`	`15`
`16`	`16`	`.dropdown:hover .dropdown-content {`