fixed toh layout

webosbrew · Jul 14, 2024 · 543ccb4 · 543ccb4
1 parent 4f6a976
commit 543ccb4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/views/toh/toh.scss b/src/views/toh/toh.scss
@@ -20,6 +20,9 @@
     @include media-breakpoint-up(md) {
       border-radius: 0 !important;
       border: none !important;
+
+      top: calc(1rem + var(--navbar-height));
+      position: sticky;
     }
   }
 

diff --git a/src/views/toh/toh.ts b/src/views/toh/toh.ts
@@ -48,7 +48,8 @@ class App extends Component<{}, AppState> {
                     data-bs-target="#toh-search">
               Filter
             </button>
-            <aside id="toh-search" class="collapse d-md-block p-2 p-md-0">
+            <aside id="toh-search" class="collapse d-md-block p-2 py-md-0 overflow-x-hidden">
+              <div class="vr d-none d-md-block position-absolute ms-1 h-100"></div>
               <${SideSearch} models=${models} indices=${indices} conditions=${state.conditions}
                              changed=${this.conditionsChanged}>
               </SideSearch>