From fc5632af78c467d265a4b62b72211cfceeb24679 Mon Sep 17 00:00:00 2001 From: Lucas Oliveira <62335616+lucaseduoli@users.noreply.github.com> Date: Tue, 26 Nov 2024 13:59:01 -0300 Subject: [PATCH] fix: add !important to shadcn aggrid styling (#4871) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * 📝 (App.css): add style for ag-cell class to remove internal calculated line height for better UI appearance * 📝 (App.css): update CSS to remove internal calculated line height for specific elements in ag-grid cells * Fix ag grid shadcn theme --------- Co-authored-by: cristhianzl --- src/frontend/src/style/ag-theme-shadcn.css | 30 +++++++++++----------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/src/frontend/src/style/ag-theme-shadcn.css b/src/frontend/src/style/ag-theme-shadcn.css index d36b9ba52..2c2b1f553 100644 --- a/src/frontend/src/style/ag-theme-shadcn.css +++ b/src/frontend/src/style/ag-theme-shadcn.css @@ -1,23 +1,23 @@ /* set the background color of many elements across the grid */ .ag-theme-shadcn { - --ag-foreground-color: hsl(var(--foreground)); - --ag-background-color: hsl(var(--background)); - --ag-secondary-foreground-color: hsl(var(--secondary-foreground)); - --ag-data-color: hsl(var(--foreground)); - --ag-header-foreground-color: hsl(var(--muted-foreground)); - --ag-header-background-color: hsl(var(--background)); - --ag-tooltip-background-color: hsl(var(--muted)); - --ag-disabled-foreground-color: hsl(var(--muted-foreground)); - --ag-border-color: hsl(var(--border)); - --ag-selected-row-background-color: hsl(var(--accent)); - --ag-menu-background-color: hsl(var(--accent)); - --ag-panel-background-color: hsl(var(--accent)); - --ag-row-hover-color: hsl(var(--primary-foreground)); - --ag-header-height: 2.5rem; + --ag-foreground-color: hsl(var(--foreground)) !important; + --ag-background-color: hsl(var(--background)) !important; + --ag-secondary-foreground-color: hsl(var(--secondary-foreground)) !important; + --ag-data-color: hsl(var(--foreground)) !important; + --ag-header-foreground-color: hsl(var(--muted-foreground)) !important; + --ag-header-background-color: hsl(var(--background)) !important; + --ag-tooltip-background-color: hsl(var(--muted)) !important; + --ag-disabled-foreground-color: hsl(var(--muted-foreground)) !important; + --ag-border-color: hsl(var(--border)) !important; + --ag-selected-row-background-color: hsl(var(--accent)) !important; + --ag-menu-background-color: hsl(var(--accent)) !important; + --ag-panel-background-color: hsl(var(--accent)) !important; + --ag-row-hover-color: hsl(var(--primary-foreground)) !important; + --ag-header-height: 2.5rem !important; } .ag-theme-shadcn .ag-paging-panel { - height: 3rem; + height: 3rem !important; } .ag-row .ag-cell {