Merge pull request #5423 from IgniteUI/fix-#5418-8.1.x

refactor(navdrawer): fix default border radius

Author: mpavlinov

projects/igniteui-angular/src/lib/core/styles/components/navdrawer/_navdrawer-theme.scss

@@ -343,9 +343,7 @@
 
     @include igx-scope('.igx-typography') {
         %item {
-            @include igx-type-style($type-scale, $item) {
-                margin: 0;
-            }
+            @include igx-type-style($type-scale, $item);
         }
 
         %item--header {

projects/igniteui-angular/src/lib/core/styles/themes/schemas/light/_navdrawer.scss

@@ -22,7 +22,7 @@
 /// @prop {map} item-hover-text-color [igx-color: 'surface', text-contrast: (), rgba: .87] - The item's hover text color.
 /// @prop {map} item-hover-icon-color [igx-color: 'surface', text-contrast: (), rgba: .87] - The item's hover icon color.
 /// @prop {map} elevation [16] - The elevation level of the drawer, between 0 - 24.
-/// @prop {Number} border-radius [.16667] - The border radius fraction, between 0 - 36 to be used for the navdrawer component.
+/// @prop {Number} border-radius [0] - The border radius fraction, between 0 - 36 to be used for the navdrawer component.
 /// @prop {Number} item-border-radius [.16667] - The border radius fraction, between 0 - 24 to be used for the navdrawer item.
 ///
 /// @see $default-palette
@@ -37,10 +37,6 @@ $_light-navdrawer: extend(
 
         border-color: rgba(0, 0, 0, .14),
 
-        border-radius: 0,
-
-        item-border-radius: .16667,
-
         item-header-text-color: (
             igx-color: 'surface',
             text-contrast: (),

projects/igniteui-angular/src/lib/core/styles/themes/schemas/shape/_navdrawer.scss

@@ -4,14 +4,16 @@
 /// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
 ////
 $_default-shape-navdrawer: (
-    border-radius: .2,
+    border-radius: 0,
+    item-border-radius: .16667,
 );
 
 $_round-shape-navdrawer: (
     border-radius: 1,
+    item-border-radius: 1,
 );
 
 $_square-shape-navdrawer: (
     border-radius: 0%,
-    border-radius-item: 0%
+    item-border-radius: 0%
 );