fix(context-menu): updated context menu arrow left position calculati…

…on (#1268) Closes #973
akveo · Mar 5, 2019 · 0db8c2c · 0db8c2c
1 parent e1a84f4
commit 0db8c2c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/framework/theme/components/context-menu/_context-menu.component.theme.scss b/src/framework/theme/components/context-menu/_context-menu.component.theme.scss
@@ -8,7 +8,7 @@
 @mixin nb-context-menu-theme() {
   nb-context-menu {
     $arrow-size: nb-theme(context-menu-arrow-size);
-    $arrow-content-size: calc(#{$arrow-size} - 2px);
+    $arrow-content-size: #{$arrow-size} - 2px;
 
     border: 2px solid nb-theme(context-menu-border);
     border-radius: nb-theme(context-menu-border-radius);
@@ -30,10 +30,10 @@
         width: 0;
         height: 0;
         top: 3px;
-        left: calc(50% - #{$arrow-content-size});
-        border-left: $arrow-content-size solid transparent;
-        border-right: $arrow-content-size solid transparent;
-        border-bottom: $arrow-content-size solid nb-theme(context-menu-bg);
+        left: calc(50% - (#{$arrow-content-size}));
+        border-left: calc(#{$arrow-content-size}) solid transparent;
+        border-right: calc(#{$arrow-content-size}) solid transparent;
+        border-bottom: calc(#{$arrow-content-size}) solid nb-theme(context-menu-bg);
       }
     }
 

diff --git a/src/framework/theme/components/menu/menu.component.scss b/src/framework/theme/components/menu/menu.component.scss
@@ -22,7 +22,7 @@
     align-items: center;
 
     .menu-title {
-      flex: 1;
+      flex: 1 0 auto;
       @include nb-rtl(text-align, right);
     }
   }