19e8f78e2e7f3f5fa9f8b7d19d8f5ed20301d174 bwick Fri May 23 08:41:59 2025 -0700 Making legend buttons more uniform. diff --git src/cbPyLib/cellbrowser/cbWeb/css/cellBrowser.css src/cbPyLib/cellbrowser/cbWeb/css/cellBrowser.css index 5dd891e..06f49bc 100644 --- src/cbPyLib/cellbrowser/cbWeb/css/cellBrowser.css +++ src/cbPyLib/cellbrowser/cbWeb/css/cellBrowser.css @@ -57,40 +57,30 @@ margin-right: 6px; } /* selectize dropdown triangle is black by default, make light grey like chosen's triangle */ .selectize-control.single .selectize-input:after { border-color: #888 transparent transparent transparent; } #tpLegendBar { cursor:default; padding-left: 2px; border-left: 1px solid #D7D7D7; height:100%; } -#tpLegendColorChecked, -#tpLegendAll, -#tpLegendNone, -#tpLegendInvert, -#tpLegendNotNull { - font-size: 12px; - line-height: 1.2; - padding: 4px 8px; -} - .tpDatasetPane { padding: 5px !important; padding-left: 10px !important; overflow: hidden; line-height: 120%; } #mpTitle { cursor : default; left : 8px; width : max-content; display : block; position : absolute; font-size : 16px; color: white; @@ -118,30 +108,38 @@ .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 } #tpLegendTitle { font-weight: bold } #tpLegendSubTitle { font-size: 80%; font-style: italic } #tpLegendCol1 { padding-left: 1px} #tpLegendCol2 { float: right; padding-right: 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; +} .ui-helper-reset { font-size: 12px} .ui-tabs { padding: 0 } .ui-tabs { padding: 0 } .ui-tabs-nav { border: 0 } /* color control should not be separated from tabs */ .ui-tabs .ui-tabs-panel { padding-top:5px; border:1px solid lightgray; padding:0} /* for marker panels */ .ui-tabs-anchor { padding: 3px } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 3px } .tab-pane { padding: .4em 1em; border: 1px solid lightgrey } .ui-corner-all { border-radius: 0px } /* dialogs */ #tpOpenDatasetButton { border-radius: 4px } .ui-menu-item { font-size:13px } .ui-menu .ui-menu-item-wrapper { padding: 1px 1em 1px .4em; } .ui-tooltip { font-size: 13px }