Merge pull request #114 from iversonLv/issue-2586

issue #136 Clicking on the menu separator will open the menu

Author: luizrrodrigues

src/components/TopNav/PrimaryNav.js

@@ -119,7 +119,7 @@ const PrimaryNav = ({
             onResize={onRightMenuResize}
           />
           {rightMenu && (
-            <div className={styles.primaryLevel1}>
+            <div className={cn(styles.primaryLevel1, styles.rightMenuPrimaryLevel1)}>
               {rightMenu}
             </div>
           )}

src/components/TopNav/PrimaryNav.module.scss

@@ -75,10 +75,10 @@
   width: 1px;
   background: $gray-70;
 
-  @include mobile-only;
-
-  &:first-of-type {
-    display: none;
+  @include mobile {
+    &:first-of-type {
+      display: none;
+    }
   }
 }
 
@@ -95,17 +95,20 @@
     margin: 0 $base-unit * 4;
   }
 
-  &::before {
-    content: "";
-    position: absolute;
-    display: block;
-    left: -$base-unit * 6;
-    top: 0;
-    width: 1px;
-    height: 100%;
-    background: $gray-70;
-
-    @include hide-mobile;
+  &.rightMenuPrimaryLevel1 {
+    &::before {
+      cursor: default;
+      content: "";
+      position: absolute;
+      display: block;
+      left: -$base-unit * 6;
+      top: 0;
+      width: 1px;
+      height: 100%;
+      background: $gray-70;
+  
+      @include hide-mobile;
+    }
   }
 
   &.primaryLevel1Open {