f71865cec0dd5cf0af5110bfe12f4171a31f7f7b kate Sat Mar 13 20:24:28 2021 -0800 Place multi-region button move under hg.conf control. Add 'pressed' styling to arbitrary buttons. refs #26385 diff --git src/hg/htdocs/style/HGStyle.css src/hg/htdocs/style/HGStyle.css index 0f2d689..aa7d439 100644 --- src/hg/htdocs/style/HGStyle.css +++ src/hg/htdocs/style/HGStyle.css @@ -531,41 +531,30 @@ .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; } /* @@ -937,30 +926,48 @@ } 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; } +input[type="button"].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; +} + +.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; +} + /* Session label in a box */ span.gbSessionLabelPanel { background-color: #e0e0e0; border-style: solid; border-color: #c2c2c2; border-width: 1px; padding: 3px; padding-top: 1px; margin-left: 10px; cursor: default; } span.gbSessionLabelPanel:hover { background-color: #d4d4d4;