25f258c7fdfbdf417a917fcd00fff78d698def9b
chmalee
  Fri Aug 30 12:01:24 2024 -0700
Big run through of changes to accomodate jquery 3.7.1 upgrade. Most of the changes are replacing the event methods with a change to .on(event, function(..)). A couple more changes are removing calls to jquery.type(). Also fixes various plugins and styles

diff --git src/hg/htdocs/style/jquery-ui.css src/hg/htdocs/style/jquery-ui.css
index f715523..54db5ff 100644
--- src/hg/htdocs/style/jquery-ui.css
+++ src/hg/htdocs/style/jquery-ui.css
@@ -70,31 +70,31 @@
 	text-indent: -99999px;
 	overflow: hidden;
 	background-repeat: no-repeat;
 }
 
 .ui-widget-icon-block {
 	left: 50%;
 	margin-left: -8px;
 	display: block;
 }
 
 /* Component containers
 ----------------------------------*/
 .ui-widget {
 	font-family: Verdana,Arial,sans-serif;
-	font-size: 1em;
+	font-size: 1.1em;
 }
 .ui-widget .ui-widget {
 	font-size: 1em;
 }
 .ui-widget input,
 .ui-widget select,
 .ui-widget textarea,
 .ui-widget button {
 	font-family: Verdana,Arial,sans-serif;
 	font-size: 1em;
 }
 .ui-widget .ui-widget-content {
 	border: 1px solid #c5c5c5;
 }
 .ui-widget-content {
@@ -132,30 +132,32 @@
 	position: relative;
 	margin: 2px 0 0 0;
 	padding: .5em .5em .5em .7em;
 	font-size: 100%;
 }
 .ui-accordion .ui-accordion-content {
 	padding: 1em 2.2em;
 	border-top: 0;
 	overflow: auto;
 }
 .ui-autocomplete {
 	position: absolute;
 	top: 0;
 	left: 0;
 	cursor: default;
+    overflow: scroll;
+    font-size: .75em;
 }
 .ui-menu {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 	display: block;
 	outline: 0;
 }
 .ui-menu .ui-menu {
 	position: absolute;
 }
 .ui-menu .ui-menu-item {
 	margin: 0;
 	cursor: pointer;
 }
@@ -186,70 +188,71 @@
 /* left-aligned */
 .ui-menu .ui-icon {
 	position: absolute;
 	top: 0;
 	bottom: 0;
 	left: .2em;
 	margin: auto 0;
 }
 
 /* right-aligned */
 .ui-menu .ui-menu-icon {
 	left: auto;
 	right: 0;
 }
 .ui-button {
-	padding: .4em 1em;
+	padding: 0;
 	display: inline-block;
 	position: relative;
 	line-height: normal;
 	margin-right: .1em;
 	cursor: pointer;
 	vertical-align: middle;
 	text-align: center;
 	-webkit-user-select: none;
 	user-select: none;
 }
 
 .ui-button,
 .ui-button:link,
 .ui-button:visited,
 .ui-button:hover,
 .ui-button:active {
 	text-decoration: none;
 }
 
 /* to make room for the icon, a width needs to be set here */
 .ui-button-icon-only {
-	width: 2em;
+	width: 2.2em;
 	box-sizing: border-box;
 	text-indent: -9999px;
 	white-space: nowrap;
 }
 
 /* no icon support for input elements */
 input.ui-button.ui-button-icon-only {
 	text-indent: 0;
 }
 
 /* button icon element(s) */
 .ui-button-icon-only .ui-icon {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	margin-top: -8px;
 	margin-left: -8px;
+    text-indent: -9999px;
 }
 
 .ui-button.ui-icon-notext .ui-icon {
 	padding: 0;
 	width: 2.1em;
 	height: 2.1em;
 	text-indent: -9999px;
 	white-space: nowrap;
 
 }
 
 input.ui-button.ui-icon-notext .ui-icon {
 	width: auto;
 	height: auto;
 	text-indent: 0;
@@ -509,77 +512,76 @@
 	display: block;
 	text-indent: -99999px;
 	overflow: hidden;
 	background-repeat: no-repeat;
 	left: .5em;
 	top: .3em;
 }
 .ui-dialog {
 	position: relative;
 	padding: .2em;
     width: 300px;
     border: 4px outset #000088;
     background: #FFF9D2;
 }
 .ui-dialog .ui-dialog-titlebar {
-	padding: .3em .5em;
+	padding: .4em 1em;
 	position: relative;
     background: #D9E4F8;
     border: 1px outset #000088;
 }
 .ui-dialog .ui-dialog-title {
 	margin: .2em 0 .1em;
     color: #000088;
 }
 .ui-dialog .ui-dialog-titlebar-close {
 	position: absolute;
 	right: .3em;
 	top: 50%;
 	width: 19px;
 	margin: -10px 0 0 0;
 	padding: 1px;
 	height: 18px;
 }
-.ui-dialog .ui-dialog-titlebar-close span {
-    display: block;
-    margin: 1px;
-}
 .ui-dialog .ui-dialog-content {
 	border: 0;
 	padding: .5em 1em;
 	background: none;
 	overflow: auto;
     font-size: small;
 }
 .ui-dialog .ui-dialog-buttonpane {
 	text-align: left;
 	border-width: 1px 0 0 0;
 	background-image: none;
 	margin: .2em;
 	padding: .1em;
     height: 1em;
     background: #FFFEE8;
 }
 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
 	float: left;
 }
 .ui-dialog .ui-dialog-buttonpane button {
 	margin: 2px 1px;
 	cursor: pointer;
     min-width: 80px;
-    border-color: #003399
+    border-color: #003399;
+    font-size: small;
+    padding: 0 1em;
 }
+
 .ui-dialog .ui-resizable-se {
     width: 14px;
     height: 14px;
 	right: 3px;
 	bottom: 3px;
 }
 .ui-draggable .ui-dialog-titlebar {
 	cursor: move;
 }
 .ui-draggable-handle {
 	touch-action: none;
 }
 .ui-resizable {
 	position: relative;
 }
@@ -808,67 +810,71 @@
 /* more specificity required here to override default borders */
 .ui-spinner a.ui-spinner-button {
 	border-top-style: none;
 	border-bottom-style: none;
 	border-right-style: none;
 }
 .ui-spinner-up {
 	top: 0;
 }
 .ui-spinner-down {
 	bottom: 0;
 }
 .ui-tabs {
 	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
 	padding: .2em;
+    background: #FFF9D2;
 }
 .ui-tabs .ui-tabs-nav {
 	margin: 0;
 	padding: .2em .2em 0;
 }
 .ui-tabs .ui-tabs-nav li {
 	list-style: none;
 	float: left;
 	position: relative;
 	top: 0;
-	margin: 1px .2em 0 0;
-	border-bottom-width: 0;
+	margin: 0 .2em -1px 0;
+    border-bottom: 0 !important;
+	border-bottom-width: 0 !important;
+    background: #FFFEE8;
 	padding: 0;
 	white-space: nowrap;
 }
 .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
 	float: left;
-	padding: .5em 1em;
+	padding: .1em 1.5em;
 	text-decoration: none;
 }
 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
 	margin-bottom: -1px;
 	padding-bottom: 1px;
+    background: #FFF9D2;
 }
 .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
 .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
 .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
 	cursor: text;
 }
 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
 	cursor: pointer;
 }
 .ui-tabs .ui-tabs-panel {
 	display: block;
 	border-width: 0;
-	padding: 1em 1.4em;
-	background: none;
+	padding: .6em 1em;
+	background: #FFF9D2;
 }
 .ui-tooltip {
 	padding: 8px;
 	position: absolute;
 	z-index: 9999;
 	max-width: 300px;
 }
 body .ui-tooltip {
 	border-width: 2px;
 }
 
 
 /* Interaction states
 ----------------------------------*/
 .ui-state-default,
@@ -919,44 +925,44 @@
 a.ui-button:hover,
 a.ui-button:focus {
 	color: #2b2b2b;
 	text-decoration: none;
 }
 
 .ui-visual-focus {
 	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
 }
 .ui-state-active,
 .ui-widget-content .ui-state-active,
 .ui-widget-header .ui-state-active,
 a.ui-button:active,
 .ui-button:active,
 .ui-button.ui-state-active:hover {
-	border: 1px solid #003eff;
+	border: 1px solid #aaaaaa;
 	background: #007fff;
 	font-weight: normal;
 	color: #ffffff;
 }
 .ui-icon-background,
 .ui-state-active .ui-icon-background {
 	border: #003eff;
 	background-color: #ffffff;
 }
 .ui-state-active a,
 .ui-state-active a:link,
 .ui-state-active a:visited {
-	color: #ffffff;
+	color: #212121;
 	text-decoration: none;
 }
 
 /* Interaction Cues
 ----------------------------------*/
 .ui-state-highlight,
 .ui-widget-content .ui-state-highlight,
 .ui-widget-header .ui-state-highlight {
 	border: 1px solid #dad55e;
 	background: #fffa90;
 	color: #777620;
 }
 .ui-state-checked {
 	border: 1px solid #dad55e;
 	background: #fffa90;