From f2871cafc029c3c6b5a299c323e829d306a49233 Mon Sep 17 00:00:00 2001 From: John Kapantzakis Date: Thu, 13 Nov 2025 10:23:56 +0200 Subject: [PATCH 1/3] Prevent table to get full height --- src/components/table/table.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/table/table.js b/src/components/table/table.js index 10ae6705..5251fe1a 100644 --- a/src/components/table/table.js +++ b/src/components/table/table.js @@ -250,10 +250,10 @@ const Table = memo(props => { height={{ max: "100%" }} overflow="hidden" column - flex="1" + alignSelf="stretch" ref={ref} className={className} - width={width} + width={width || { base: "100%" }} >
Date: Thu, 13 Nov 2025 10:43:06 +0200 Subject: [PATCH 2/3] [wip] Change scrollbar color --- src/mixins/webkitVisibleScrollbar.js | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/src/mixins/webkitVisibleScrollbar.js b/src/mixins/webkitVisibleScrollbar.js index 140e6833..68117c10 100644 --- a/src/mixins/webkitVisibleScrollbar.js +++ b/src/mixins/webkitVisibleScrollbar.js @@ -1,28 +1,31 @@ import { css } from "styled-components" import { getSizeBy, getRgbColor } from "@/theme/utils" +const trackColor = "border" +const thumbColor = "primary" + export default css` scrollbar-width: ${getSizeBy(1)}; - scrollbar-color: ${getRgbColor("border", 0.3)} ${getRgbColor("border", 0.1)}; + scrollbar-color: ${getRgbColor(trackColor, 0.3)} ${getRgbColor(thumbColor, 0.1)}; &::-webkit-scrollbar { width: ${getSizeBy(1)}; } &::-webkit-scrollbar-track { border-radius: ${getSizeBy(0.5)}; - background-color: ${getRgbColor("border", 0.1)}; + background-color: ${getRgbColor(trackColor, 0.1)}; } &::-webkit-scrollbar-thumb { border-radius: ${getSizeBy(1)}; - background-color: ${getRgbColor("border", 0.6)}; + background-color: ${getRgbColor(thumbColor, 0.6)}; } &::-webkit-scrollbar-thumb:hover { - background-color: ${getRgbColor("border", 0.9)}; + background-color: ${getRgbColor(thumbColor, 0.9)}; } &::-webkit-scrollbar-track-piece { - background-color: ${getRgbColor("border", 0.3)}; + background-color: ${getRgbColor(trackColor, 0.3)}; } &::-webkit-scrollbar-corner { - background-color: ${getRgbColor("border", 0.3)}; + background-color: ${getRgbColor(trackColor, 0.3)}; } ` From 6a411c76f8b2fc63422f710e148996cefbbe81c5 Mon Sep 17 00:00:00 2001 From: John Kapantzakis Date: Thu, 13 Nov 2025 10:43:23 +0200 Subject: [PATCH 3/3] Revert "Prevent table to get full height" This reverts commit f2871cafc029c3c6b5a299c323e829d306a49233. --- src/components/table/table.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/table/table.js b/src/components/table/table.js index 5251fe1a..10ae6705 100644 --- a/src/components/table/table.js +++ b/src/components/table/table.js @@ -250,10 +250,10 @@ const Table = memo(props => { height={{ max: "100%" }} overflow="hidden" column - alignSelf="stretch" + flex="1" ref={ref} className={className} - width={width || { base: "100%" }} + width={width} >