Skip to content

Commit af5fe7a

Browse files
committed
updated Clicking on the menu separator will open the menu
1 parent 65fdb15 commit af5fe7a

File tree

2 files changed

+19
-17
lines changed

2 files changed

+19
-17
lines changed

src/components/TopNav/PrimaryNav.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,7 @@ const PrimaryNav = ({
119119
onResize={onRightMenuResize}
120120
/>
121121
{rightMenu && (
122-
<div className={styles.primaryLevel1}>
122+
<div className={cn(styles.primaryLevel1, styles.rightMenuPrimaryLevel1)}>
123123
{rightMenu}
124124
</div>
125125
)}

src/components/TopNav/PrimaryNav.module.scss

+18-16
Original file line numberDiff line numberDiff line change
@@ -75,10 +75,10 @@
7575
width: 1px;
7676
background: $gray-70;
7777

78-
@include mobile-only;
79-
80-
&:first-of-type {
81-
display: none;
78+
@include mobile {
79+
&:first-of-type {
80+
display: none;
81+
}
8282
}
8383
}
8484

@@ -95,18 +95,20 @@
9595
margin: 0 $base-unit * 4;
9696
}
9797

98-
&::before {
99-
cursor: default;
100-
content: "";
101-
position: absolute;
102-
display: block;
103-
left: -$base-unit * 6;
104-
top: 0;
105-
width: 1px;
106-
height: 100%;
107-
background: $gray-70;
108-
109-
@include hide-mobile;
98+
&.rightMenuPrimaryLevel1 {
99+
&::before {
100+
cursor: default;
101+
content: "";
102+
position: absolute;
103+
display: block;
104+
left: -$base-unit * 6;
105+
top: 0;
106+
width: 1px;
107+
height: 100%;
108+
background: $gray-70;
109+
110+
@include hide-mobile;
111+
}
110112
}
111113

112114
&.primaryLevel1Open {

0 commit comments

Comments
 (0)