Merge pull request #13879 from IgniteUI/sivanova/bootstrap-navbar

feat(navbar): add border in bootstrap theme

Author: kdinev

package-lock.json

@@ -72,7 +72,7 @@
     "express": "^4.18.2",
     "fflate": "^0.8.1",
     "hammerjs": "^2.0.8",
-    "igniteui-theming": "^4.1.0",
+    "igniteui-theming": "^4.2.0",
     "igniteui-trial-watermark": "^3.0.2",
     "lodash-es": "^4.17.21",
     "rxjs": "^7.8.0",

package.json

@@ -76,7 +76,7 @@
         "igniteui-trial-watermark": "^3.0.2",
         "lodash-es": "^4.17.21",
         "uuid": "^9.0.0",
-        "igniteui-theming": "^4.1.0",
+        "igniteui-theming": "^4.2.0",
         "@igniteui/material-icons-extended": "^3.0.0"
     },
     "peerDependencies": {

projects/igniteui-angular/package.json

@@ -108,6 +108,10 @@
         box-shadow: var-get($theme, 'shadow');
         z-index: 4;
         overflow: hidden;
+
+        @if $variant == 'bootstrap' {
+            border-bottom: rem(1px) solid var-get($theme, 'border-color');
+        }
     }
 
     %igx-navbar-part {