diff --git a/ivette/src/dome/src/renderer/frame/sidebars.tsx b/ivette/src/dome/src/renderer/frame/sidebars.tsx index 2137d570c17cf7e78dc12fbef89f533492d6d292..27fea8e0cc749bcda882d8e1176c8ea7358cded9 100644 --- a/ivette/src/dome/src/renderer/frame/sidebars.tsx +++ b/ivette/src/dome/src/renderer/frame/sidebars.tsx @@ -130,7 +130,10 @@ export function Section(props: SectionProps) { return ( <div className="dome-xSideBarSection"> - <div className="dome-xSideBarSection-title" title={props.label}> + <div + className="dome-xSideBarSection-title dome-color-frame" + title={props.label} + > <Label label={props.label} /> {!visible && makeBadge(props.summary)} {foldable && <HideShow visible={visible} onClick={flipState} />} diff --git a/ivette/src/dome/src/renderer/frame/style.css b/ivette/src/dome/src/renderer/frame/style.css index 8aa578aa2c81c5b0106b88a28adc114af5b57068..b022fbc981f08628459bfc9df3d0043611f62dd0 100644 --- a/ivette/src/dome/src/renderer/frame/style.css +++ b/ivette/src/dome/src/renderer/frame/style.css @@ -104,11 +104,12 @@ height: 100% ; overflow-x: hidden ; overflow-y: auto ; - padding-top: 6px ; - padding-bottom: 6px ; + padding: 0px ; } -.dome-window-active .dome-xSideBar.dome-color-frame { +.dome-window-active .dome-xSideBar.dome-color-frame, +.dome-window-active .dome-xSideBarSection-title.dome-color-frame +{ background: #e3e8ec ; } @@ -118,11 +119,14 @@ .dome-xSideBarSection { display: block ; - margin-top: 10px ; - margin-bottom: 10px ; + padding: 0px ; } .dome-xSideBarSection-title { + position: sticky ; + top: 0px ; + padding-top: 3px ; + padding-bottom: 0px ; padding-left: 3px ; padding-right: 2px ; display: flex ;