Merge pull request #8226 from IgniteUI/SIvanova/center-add-row-snackbar

simeonoff · web-flow · commit 50af1cb105f0 · 2020-09-30T15:31:20.000+03:00
style(grid): position the "new row snackbar" in the center
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss
@@ -2347,8 +2347,9 @@
     %igx-grid__addrow-snackbar {
         position: absolute;
         z-index: 5;
-        left: 35%;
-        bottom: 25%;
+        bottom: rem(24px);
+        left: 50%;
+        transform: translateX(-50%);
     }
 
     %igx-grid__filtering-cell {
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/snackbar/_snackbar-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/snackbar/_snackbar-theme.scss
@@ -111,7 +111,8 @@
         background: --var($theme, 'background');
         backface-visibility: hidden;
         box-shadow: --var($theme, 'shadow');
-        border-radius: --var($theme, 'border-radius')
+        border-radius: --var($theme, 'border-radius');
+        backdrop-filter: blur(8px);
     }
 
     %igx-snackbar-button {

Original file line number	Diff line number	Diff line change
`@@ -111,7 +111,8 @@`
`111`	`111`	`background: --var($theme, 'background');`
`112`	`112`	`backface-visibility: hidden;`
`113`	`113`	`box-shadow: --var($theme, 'shadow');`
`114`		`- border-radius: --var($theme, 'border-radius')`
	`114`	`+ border-radius: --var($theme, 'border-radius');`
	`115`	`+ backdrop-filter: blur(8px);`
`115`	`116`	`}`
`116`	`117`
`117`	`118`	`%igx-snackbar-button {`