don't use flexbox for nav menu; style top of sibling list instead of bottom

mojavelinux · mojavelinux · commit d45a16e986b2 · 2020-12-25T00:06:11.000-07:00
diff --git a/src/css/nav.css b/src/css/nav.css
@@ -72,8 +72,6 @@
 
 .nav-panel-menu {
   overflow-y: scroll;
-  display: flex;
-  flex-direction: column;
   height: var(--nav-panel-height);
 }
 
@@ -99,9 +97,7 @@
 }
 
 .nav-menu {
-  flex-grow: 1;
-  min-height: 0;
-  width: 100%;
+  min-height: 100%;
   padding: 0.5rem 0.75rem;
   line-height: var(--nav-line-height);
   position: relative;
@@ -124,8 +120,8 @@
   padding: 0;
 }
 
-.nav-menu > .nav-list {
-  margin-bottom: 0.5rem;
+.nav-menu > .nav-list + .nav-list {
+  margin-top: 0.5rem;
 }
 
 .nav-item {

Original file line number	Diff line number	Diff line change
`@@ -72,8 +72,6 @@`
`72`	`72`
`73`	`73`	`.nav-panel-menu {`
`74`	`74`	`overflow-y: scroll;`
`75`		`- display: flex;`
`76`		`- flex-direction: column;`
`77`	`75`	`height: var(--nav-panel-height);`
`78`	`76`	`}`
`79`	`77`
`@@ -99,9 +97,7 @@`
`99`	`97`	`}`
`100`	`98`
`101`	`99`	`.nav-menu {`
`102`		`- flex-grow: 1;`
`103`		`- min-height: 0;`
`104`		`- width: 100%;`
	`100`	`+ min-height: 100%;`
`105`	`101`	`padding: 0.5rem 0.75rem;`
`106`	`102`	`line-height: var(--nav-line-height);`
`107`	`103`	`position: relative;`
`@@ -124,8 +120,8 @@`
`124`	`120`	`padding: 0;`
`125`	`121`	`}`
`126`	`122`
`127`		`-.nav-menu > .nav-list {`
`128`		`- margin-bottom: 0.5rem;`
	`123`	`+.nav-menu > .nav-list + .nav-list {`
	`124`	`+ margin-top: 0.5rem;`
`129`	`125`	`}`
`130`	`126`
`131`	`127`	`.nav-item {`