fix(styling): Total Footer Row small styling fixes for dark mode

ghiscoding · Jun 29, 2024 · 17fed97 · 17fed97
1 parent 67d606c
commit 17fed97
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/common/src/styles/_variables.scss b/packages/common/src/styles/_variables.scss
@@ -885,11 +885,12 @@ $slick-viewport-border-left:                                0 none !default;
 $slick-grid-footer-display:                                 flex !default;
 $slick-grid-footer-align-items:                             center !default;
 $slick-grid-footer-justify-content:                         normal !default;
-$slick-grid-footer-top-border-top:                          1px solid #d0d0d0 !default;
+$slick-grid-footer-border-top:                              1px solid #d0d0d0 !default;
 $slick-grid-footer-bg-color:                                #fafaf9 !default;
 $slick-grid-footer-font-size:                               13px !default;
 $slick-grid-footer-font-style:                              normal !default;
 $slick-grid-footer-font-weight:                             bold !default;
+$slick-grid-footer-cell-padding:                            $slick-cell-padding !default;
 
 /* Custom Footer */
 $slick-footer-bg-color:                                     transparent !default;
@@ -1023,6 +1024,7 @@ $slick-dark-text-color:                                   #d4d4d4;
   --slick-row-mouse-hover-color:                          #2c3034;
   --slick-header-background-color:                        #1c1c1c;
   --slick-grid-footer-bg-color:                           #1c1c1c;
+  --slick-grid-footer-border-top:                         1px solid #606060;
   --slick-header-text-color:                              #e4e4e4;
   --slick-hover-header-color:                             var(--slick-base-dark-text-color);
   --slick-header-row-background-color:                    #2d2d2d;

diff --git a/packages/common/src/styles/slick-grid.scss b/packages/common/src/styles/slick-grid.scss
@@ -582,7 +582,7 @@
   }
 
   .slick-footerrow {
-    border-top: var(--slick-grid-footer-top-border-top, $slick-grid-footer-top-border-top);
+    border-top: var(--slick-grid-footer-border-top, $slick-grid-footer-border-top);
     background-color: var(--slick-grid-footer-bg-color, $slick-grid-footer-bg-color);
     .slick-footerrow-columns {
       .slick-footerrow-column {
@@ -592,6 +592,7 @@
         font-size: var(--slick-grid-footer-font-size, $slick-grid-footer-font-size);
         font-style: var(--slick-grid-footer-font-style, $slick-grid-footer-font-style);
         font-weight: var(--slick-grid-footer-font-weight, $slick-grid-footer-font-weight);
+        padding: var(--slick-grid-footer-cell-padding, $slick-grid-footer-cell-padding);
       }
     }
   }