fix(themes): fix some theme glitches for dark themes

IgniteUI · Nov 21, 2018 · 3566deb · 3566deb
1 parent 738ed93
commit 3566deb
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 deletions.
diff --git a/...igniteui-angular/src/lib/core/styles/components/grid-paginator/_grid-paginator-theme.scss b/...igniteui-angular/src/lib/core/styles/components/grid-paginator/_grid-paginator-theme.scss
@@ -30,7 +30,7 @@
     $background-color: null,
     $border-color: null
 ) {
-    $name: 'igx-grid-pagination';
+    $name: 'igx-grid-paginator';
     $theme: apply-palette(map-get($schema, $name), $palette);
 
     @return extend($theme, (
@@ -58,7 +58,7 @@
         grid-row: 7;
         padding: rem(5px) 0;
         font-size: 12px;
-        border-top: 1px dotted --var($theme, 'border-color');
+        border-top: 1px solid --var($theme, 'border-color');
         z-index: 1;
 
         &:empty {

diff --git a/...cts/igniteui-angular/src/lib/core/styles/components/grid-summary/_grid-summary-theme.scss b/...cts/igniteui-angular/src/lib/core/styles/components/grid-summary/_grid-summary-theme.scss
@@ -104,7 +104,7 @@
         display: flex;
         flex-direction: column;
         flex: 1 1 0%;
-        border-left: 1px dotted --var($theme, 'border-color');
+        border-left: 1px solid --var($theme, 'border-color');
         padding: map-get($summary-padding, 'comfortable');
         background: --var($theme, 'background-color');
         overflow: hidden;
@@ -136,7 +136,7 @@
     }
 
     %igx-grid-summary--empty {
-        border-left: 1px dotted --var($theme, 'border-color');
+        border-left: 1px solid --var($theme, 'border-color');
     }
 
     %igx-grid-summary__item {

diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/schemas/dark/_grid-toolbar.scss b/projects/igniteui-angular/src/lib/core/styles/themes/schemas/dark/_grid-toolbar.scss
@@ -1,5 +1,4 @@
 @import '../light/grid-toolbar';
-
 ////
 /// @group schemas
 /// @access private
@@ -8,8 +7,10 @@
 
 /// Generates a dark grid-toolbar schema.
 /// @type {Map}
+/// @prop {map} background-color [#222] - The toolbar background color.
 /// @requires {function} extend
 /// @requires $_light-grid-toolbar
 /// @see $default-palette
-
-$_dark-grid-toolbar: extend($_light-grid-toolbar, ());
+$_dark-grid-toolbar: extend($_light-grid-toolbar, (
+    background-color: #222
+));