From 92f6d75a073dd3e5d44d5f970587a3606fb72ced Mon Sep 17 00:00:00 2001
From: Julien Vannier <julien.vannier66@gmail.com>
Date: Tue, 7 Jan 2025 15:15:47 +0100
Subject: [PATCH] Add sticky columns responsiveness fix

---
 app/styles/columns.less     | 11 +----------
 app/styles/hypertable.less  |  5 ++---
 app/styles/inner-table.less |  1 -
 3 files changed, 3 insertions(+), 14 deletions(-)

diff --git a/app/styles/columns.less b/app/styles/columns.less
index 9914cde0..87e06d1d 100644
--- a/app/styles/columns.less
+++ b/app/styles/columns.less
@@ -2,35 +2,26 @@
   opacity: 1;
   transition: all 0.125s;
   height: fit-content;
+  width: 100%;
 
   &--size-XS {
     min-width: 125px;
-    width: 2rem;
-    flex-grow: 125;
   }
 
   &--size-S {
     min-width: 170px;
-    width: 3rem;
-    flex-grow: 150;
   }
 
   &--size-M {
     min-width: 250px;
-    width: 4rem;
-    flex-grow: 250;
   }
 
   &--size-L {
     min-width: 350px;
-    width: 5rem;
-    flex-grow: 350;
   }
 
   &--size-XL {
     min-width: 450px;
-    width: 6rem;
-    flex-grow: 450;
   }
 
   &:first-child,
diff --git a/app/styles/hypertable.less b/app/styles/hypertable.less
index 133619e6..c778e7ae 100644
--- a/app/styles/hypertable.less
+++ b/app/styles/hypertable.less
@@ -12,13 +12,12 @@
 .hypertable {
   display: inline-grid;
   grid-auto-flow: column;
-  grid-template-columns: 1fr auto;
-  grid-template-areas: 'sticky content';
+  grid-template-columns: 390px repeat(var(--hypertable-responsive-columns-number, 0), 1fr);
   grid-auto-flow: column;
 
   height: 100%;
   scroll-behavior: smooth;
-  background-color: white;
+  background-color: var(--color-white);
   position: relative;
   flex: 1;
 }
diff --git a/app/styles/inner-table.less b/app/styles/inner-table.less
index d1a5824e..b38c09d4 100644
--- a/app/styles/inner-table.less
+++ b/app/styles/inner-table.less
@@ -24,7 +24,6 @@
   display: flex;
   left: 0;
   position: sticky;
-  flex-grow: 1;
   z-index: 20;
 
   .hypertable__cell,