From ae229d169855f953612b814401a155e6535e074b Mon Sep 17 00:00:00 2001 From: Norbi <37236152+KatunaNorbert@users.noreply.github.com> Date: Thu, 23 Sep 2021 11:44:24 +0300 Subject: [PATCH] Fix scrollbar showing on table on large screens (#866) * changed min width of table cell * make scrollbar thin on Firefox * changed min-width value and component selector --- src/components/atoms/Table.module.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/components/atoms/Table.module.css b/src/components/atoms/Table.module.css index c8262aa18..07d4f3317 100644 --- a/src/components/atoms/Table.module.css +++ b/src/components/atoms/Table.module.css @@ -23,6 +23,10 @@ color: var(--color-secondary); } +.table [role='gridcell'] { + min-width: 0; +} + .table [role='row'] { border-bottom: 1px solid var(--border-color) !important; } @@ -57,6 +61,10 @@ display: none; } +div [class*='Table-module'] { + scrollbar-width: thin; +} + .empty { width: 100%; text-align: left;