2210699f461f50a127c54c147c79f2733ec8b22d bwick Fri May 23 10:57:28 2025 -0700 More changes to legend buttons and styling. diff --git src/cbPyLib/cellbrowser/cbWeb/css/cellBrowser.css src/cbPyLib/cellbrowser/cbWeb/css/cellBrowser.css index 06f49bc..4299d14 100644 --- src/cbPyLib/cellbrowser/cbWeb/css/cellBrowser.css +++ src/cbPyLib/cellbrowser/cbWeb/css/cellBrowser.css @@ -95,36 +95,36 @@ .sliderContainer { position : absolute; display: grid; grid-template-columns: 45px 120px 15px; background: rgba(255,255,255,0.5); } .sliderLabel { font-size: 11px; z-index: 10; font-weight: bold; } .tpLegend { font-size:13px; /* border: 2px solid transparent; */ cursor:default; word-wrap: break-word; clear:both} .tpLegendHl { background-color: #ccc; color: black; } -.tpHint { font-weight:normal; line-height:1.4; font-size: 80%} -#tpLegendHeader { background-color:#eee; color: #777 } +.tpHint { font-weight:normal; line-height:1.4; font-size: 80%; margin-top:4px} +#tpLegendHeader { background-color:#eee; color: #777; margin-top: 2px} #tpLegendTitle { font-weight: bold } #tpLegendSubTitle { font-size: 80%; font-style: italic } -#tpLegendCol1 { padding-left: 1px} -#tpLegendCol2 { float: right; padding-right: 2px} +#tpLegendCol1 { padding-left: 1px; vertical-align: middle} +#tpLegendCol2 { float: right; padding-right: 2px; padding-top:2px} .tpLegendSelect { outline: 2px solid black } .tpLegendLabel { display:inline; user-select: none; } /*.tpLegendCount { display:inline-block; position: absolute; right: 4px; color: #888} */ .tpLegendCount { display:inline-block; float: right; color: #888} .tpLegend .tpLegendCheckbox { margin-right: 2px; margin-top: 2px} .tpGrey { color: #bbb } #tpLegendColorChecked, #tpLegendAll, #tpLegendNone, #tpLegendInvert, #tpLegendNotNull { font-size: 14px; margin: 1px 1px; }