47ea57080b515e5dad5f658c58feb8944a7e7d61
chmalee
  Thu Jan 29 15:30:26 2026 -0800
Replace clade/assembly dropdowns with a search bar on most CGIs. Add a recents list to hgGateway and to the species bar and to the 'Genomes' dropdown menu. Track recently selected species in localStorage. Add toGenome and fromGenome arguemnts to hubApi/liftOver in order to find appropriate liftover assemblies, refs #36232

diff --git src/hg/htdocs/style/nice_menu.css src/hg/htdocs/style/nice_menu.css
index 1f6841bba0f..4273db56165 100644
--- src/hg/htdocs/style/nice_menu.css
+++ src/hg/htdocs/style/nice_menu.css
@@ -73,31 +73,31 @@
 }
 
 ul.nice-menu a {
   padding: 0.3em 5px 0.3em 5px;
 }
 
 ul.nice-menu ul {
   top: 1.8em;
   left: -1px; /* LTR */
   border: 0;
   border-top: 1px solid #ccc;
   margin-right: 0; /* LTR */
 }
 
 ul.nice-menu ul li {
-  width: 12.5em;
+  min-width: 12.5em;
 }
 
 /******************************
  HORIZONTAL (down) menus
 ******************************/
 
 ul.nice-menu-down {
   float: left; /* LTR */
   border: 0;
 }
 
 ul.nice-menu-down li {
   border-top: 1px solid #ccc;
 }
 
@@ -341,31 +341,32 @@
 	top:2.5em;
 	left:10px;
 	margin-right: 0;
 	border:2px solid #f5f5f5;
 	/*border-top:0px;*/
 	background:#fbfbfb;
 	-webkit-box-shadow: 0px 4px 5px rgba(160, 160, 160, 0.89);
     -moz-box-shadow:    0px 4px 5px rgba(160, 160, 160, 0.89);
     box-shadow:         0px 4px 5px rgba(60, 60, 60, 0.89);
 }
 ul.nice-menu ul li {
 	padding:0;
 	margin:0;
 	border:0px;
 	text-align:left;
-	width:200px;
+	min-width:200px;
+	white-space:nowrap;
 	background:#fbfbfb;
 	border-bottom:1px solid #ffffff;
 	/* old color => #fecc51; */
 }
 
 /* GREG ADDED STYLES FOR GLOBAL NAVIGATION BAR */ 
 /* for home link */
 span#home-link {
 	top: -2px;
 	position: relative;
 	text-indent: -9999px;
 	height: 18px;
 	width: 23px;
 	/* margin-right: 1px; */
 	display: inline-block;
@@ -410,63 +411,62 @@
 }
 
 /* class for inactive (greyed out) dropdown menu items */
 ul.nice-menu ul li.inactive span {
     cursor: default !important;
     color:#CCCCCC !important;
     background-color: #fff !important;
     display:block;
     background:none;
     text-align:left;
     padding:8px !important;
     padding-top:5px !important;
     padding-bottom:5px !important;
     padding-right:0px;
     border:0px !important;
-    width:180px;
+    min-width:180px;
     font-size:13px;
     font-weight:bold;
     font-family:Arial, Helvetica, sans-serif;
 }
 /************************************/
 
 ul.nice-menu ul li a {
 	padding:0;
 	margin:0;
 	color:#121e9b !important;
 	display:inline-block;
 	background:none;
 	text-align:left;
 	padding:8px;
 	padding-top:5px !important;
 	padding-bottom:5px !important;
-	padding-right:0px;
+	padding-right:8px;
 	border:0px !important;
-	width:160px;
+	min-width:160px;
 	font-size:13px;
 	font-weight:bold;
 	font-family:Arial, Helvetica, sans-serif;
 }
 ul.nice-menu ul li span {
 }
 ul.nice-menu ul li a:hover, ul.nice-menu ul li a.active {
 	color:#fff !important;
 	background-color: #327de4 !important;
 }
 ul.nice-menu li.menuparent li a {
 	padding:8px;
-	padding-right:0px;
 }
 
 ul.nice-menu-down li li.menuparent {
 	background:#ffffff;
 }
 ul.nice-menu-down li li.last {
 	border:none;
 }
 ul.nice-menu-down li.menuparent:hover, ul.nice-menu-down li.over, #header-region ul.nice-menu-down li.menuparent:hover, #header-region ul.nice-menu-down li.over {
 	background:none;
 }
 ul.nice-menu-down li li.over {
 	background:#ffffff;
 	color:#fff;
 }