diff --git a/ivette/src/dome/renderer/frame/sidebars.tsx b/ivette/src/dome/renderer/frame/sidebars.tsx index f0bab90f7187001cfcc7513e79538a2ad1dd82d2..d205584d258d93a9aa54150a84ddbe81f27fb434 100644 --- a/ivette/src/dome/renderer/frame/sidebars.tsx +++ b/ivette/src/dome/renderer/frame/sidebars.tsx @@ -145,9 +145,8 @@ export function Section(props: SectionProps): JSX.Element | null { return ( <div className={`dome-xSideBarSection ${props.className}`}> - <Hbox> + <Hbox className='dome-xSideBarSection-title' > <Label - className='dome-xSideBarSection-title dome-color-frame' title={props.title} label={props.label} icon={icon} diff --git a/ivette/src/dome/renderer/frame/style.css b/ivette/src/dome/renderer/frame/style.css index ed917a3189b1e5a241f3c41a399c2b7c7b439ecb..a7c10ef30d52fd79d0eeaafcabae9f74570e3b15 100644 --- a/ivette/src/dome/renderer/frame/style.css +++ b/ivette/src/dome/renderer/frame/style.css @@ -90,8 +90,7 @@ padding: 0px ; } -.dome-xSideBar.dome-color-frame, -.dome-xSideBarSection-title.dome-color-frame +.dome-xSideBar.dome-color-frame { background: var(--background-sidebar) ; } @@ -116,6 +115,7 @@ display: flex ; flex-flow: row nowrap ; align-items: center ; + background: var(--background-sidebar) ; } .dome-xSideBarSection-title > .dome-xLabel {