[dome] make sidebar section titles sticky

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} />}

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 ;