29c87a7aa6537003cfc8a44b2100a58573696422
kate
  Wed Sep 4 13:06:15 2019 -0700
Style hgTracks position box to appear as pressed button when in multi-region mode.  Also add more informative mouseover text when in MR mode.  And style cursor for consistency with other buttons. refs #22422

diff --git src/hg/htdocs/style/HGStyle.css src/hg/htdocs/style/HGStyle.css
index 70903d4..172fe3d 100644
--- src/hg/htdocs/style/HGStyle.css
+++ src/hg/htdocs/style/HGStyle.css
@@ -402,30 +402,45 @@
         text-align: center;
 }
 
 .clickable:hover { cursor: pointer; }
 .fauxInput  { border: 2px inset #CCCCCC; background-color: #fff; font-size: 10pt; display: inline-block; }
 div.disabled  { border-color: gray; color: gray;  }
 input.disabled  { opacity: 0.5; filters.alpha.opacity:50;  }
 span.disabled   { opacity: 0.5; filters.alpha.opacity:50;  }
 
 .positionDisplay {
     display: inline-block;
     padding: 5px;
     border: lightgray 1px solid;
 }
 
+.positionDisplay:hover {
+    cursor: default;
+}
+
+.positionDisplay.pressed {
+    background: #ebf0ff;
+    webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,0.6);
+    moz-box-shadow: inset 0 1px 4px rgba(0,0,0,0.6);
+    box-shadow: inset 0 1px 4px rgba(0,0,0,0.6);
+    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
+    border-radius: 4px;
+}
+
+
+
 .positionInput {
         padding: 7px; -moz-border-radius: 3px; border-radius: 3px;
         border: gray 1px solid;
 }
 
 .pennantIconText {
     text-decoration: none;
     text-transform: capitalize;
     font-size: 70%;
     font-style: italic;
     font-weight: bold;
     vertical-align: text-top;
 }
 
 /*
@@ -796,15 +811,16 @@
   background-color:#fdffb7 !important;
 }
 
 a:link img.sessionThumbnail {
   padding: 5px;
 }
 
 input[type="submit"].pressed {
     background: #d0dcff; 
     webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,0.6);
     moz-box-shadow: inset 0 1px 4px rgba(0,0,0,0.6);
     box-shadow: inset 0 1px 4px rgba(0,0,0,0.6);
     text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
     border-radius: 4px;
 }
+