Fix Notebook dropdown css when on mobile

corneadoug · corneadoug · commit 223a7d33d6c9 · 2016-06-26T11:24:09.000+09:00
diff --git a/zeppelin-web/src/app/home/home.css b/zeppelin-web/src/app/home/home.css
@@ -239,11 +239,13 @@ a.navbar-brand:hover {
 }
 
 @media (max-width: 767px) {
-  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
+  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
+  #notebook-list li a {
     color: #D3D3D3;
   }
 
-  .navbar-nav .open .dropdown-menu > .scrollbar-container > li > a {
+  .navbar-nav .open .dropdown-menu > .scrollbar-container > li > a,
+  #notebook-list li a {
     padding: 5px 15px 5px 25px;
     line-height: 20px;
   }
@@ -253,7 +255,8 @@ a.navbar-brand:hover {
   }
 
   .navbar-inverse .navbar-nav .open .dropdown-menu > .scrollbar-container > li > a:hover,
-  .navbar-inverse .navbar-nav .open .dropdown-menu > .scrollbar-container > li > a:focus {
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .scrollbar-container > li > a:focus,
+  #notebook-list li a:hover {
     color: #fff;
     background: transparent;
   }

Original file line number	Diff line number	Diff line change
`@@ -239,11 +239,13 @@ a.navbar-brand:hover {`
`239`	`239`	`}`
`240`	`240`
`241`	`241`	`@media (max-width: 767px) {`
`242`		`- .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {`
	`242`	`+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a,`
	`243`	`+ #notebook-list li a {`
`243`	`244`	`color: #D3D3D3;`
`244`	`245`	`}`
`245`	`246`
`246`		`- .navbar-nav .open .dropdown-menu > .scrollbar-container > li > a {`
	`247`	`+ .navbar-nav .open .dropdown-menu > .scrollbar-container > li > a,`
	`248`	`+ #notebook-list li a {`
`247`	`249`	`padding: 5px 15px 5px 25px;`
`248`	`250`	`line-height: 20px;`
`249`	`251`	`}`
`@@ -253,7 +255,8 @@ a.navbar-brand:hover {`
`253`	`255`	`}`
`254`	`256`
`255`	`257`	`.navbar-inverse .navbar-nav .open .dropdown-menu > .scrollbar-container > li > a:hover,`
`256`		`- .navbar-inverse .navbar-nav .open .dropdown-menu > .scrollbar-container > li > a:focus {`
	`258`	`+ .navbar-inverse .navbar-nav .open .dropdown-menu > .scrollbar-container > li > a:focus,`
	`259`	`+ #notebook-list li a:hover {`
`257`	`260`	`color: #fff;`
`258`	`261`	`background: transparent;`
`259`	`262`	`}`