TSK-988: sticky first column in hr calendar (#2867)

Signed-off-by: Vyacheslav Tumanov <me@slavatumanov.me>
hcengineering · Mar 31, 2023 · 0a91451 · 0a91451
1 parent ccf6b70
commit 0a91451
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/packages/theme/styles/components.scss b/packages/theme/styles/components.scss
@@ -476,6 +476,17 @@
   }
 }
 
+.scroller-first-column {
+  th, td {
+    &:first-child {
+      position: sticky;
+      z-index: 1;
+      left: 0;
+      background-color: var(--body-color);
+    }
+  }
+}
+
 // THead background-color in Tooltip and Popups
 .popup-tooltip .antiTable .scroller-thead,
 .popup .antiTable .scroller-thead { background-color: var(--accent-bg-color); }

diff --git a/plugins/hr-resources/src/components/schedule/MonthView.svelte b/plugins/hr-resources/src/components/schedule/MonthView.svelte
@@ -146,7 +146,7 @@
 
 {#if departmentStaff.length}
   <Scroller {fade} horizontal>
-    <table>
+    <table class="scroller-first-column">
       <thead class="scroller-thead">
         <tr class="scroller-thead__tr">
           <th>