Make navbar hover selectors more specific

themightychris · themightychris · commit e10d61534321 · 2017-04-09T12:40:37.000-04:00
diff --git a/site-root/css/laddr/bootstrap-tweaks.css b/site-root/css/laddr/bootstrap-tweaks.css
@@ -105,6 +105,10 @@ h1 .badge {
 }
 
 /* - Menus - */
-.dropdown:hover .dropdown-menu {
-    display: block;
+@media (min-width: 1024px) {
+    /* Active submenu on hover, but only in desktop mode */
+    .dropdown-toggle:hover + .dropdown-menu,
+    .dropdown-menu:hover {
+        display: block;
+    }
 }

Original file line number	Diff line number	Diff line change
`@@ -105,6 +105,10 @@ h1 .badge {`
`105`	`105`	`}`
`106`	`106`
`107`	`107`	`/* - Menus - */`
`108`		`-.dropdown:hover .dropdown-menu {`
`109`		`- display: block;`
	`108`	`+@media (min-width: 1024px) {`
	`109`	`+ /* Active submenu on hover, but only in desktop mode */`
	`110`	`+ .dropdown-toggle:hover + .dropdown-menu,`
	`111`	`+ .dropdown-menu:hover {`
	`112`	`+ display: block;`
	`113`	`+ }`
`110`	`114`	`}`