Update display to none in the mobile mode (#3)

* Update display to none in the mobile mode
vtex-apps · May 18, 2018 · bf4cece · bf4cece
1 parent 80fb6db
commit bf4cece
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
+### Changed
+- Hide menu on mobile mode
 
 ## [0.1.1] - 2018-05-07
 

diff --git a/react/Menu.js b/react/Menu.js
@@ -68,7 +68,7 @@ class Menu extends Component {
   render() {
     const links = this.getLinksFromProps()
     return (
-      <div className={`${VTEXClasses.MAIN_CLASS} w-100`}>
+      <div className={`${VTEXClasses.MAIN_CLASS} w-100 dn db-ns`}>
         <nav className="flex justify-between bb b--white-10 bg-near-black">
           <div className="flex-grow pa3 flex items-center">
             {links.filter(link => link['position'] === 'LEFT').map(link => {

diff --git a/react/__test__/__snapshots__/Menu.test.js.snap b/react/__test__/__snapshots__/Menu.test.js.snap
@@ -3,7 +3,7 @@
 exports[`Menu Component should match snapshot 1`] = `
 <div>
   <div
-    class="vtex-menu w-100"
+    class="vtex-menu w-100 dn db-ns"
   >
     <nav
       class="flex justify-between bb b--white-10 bg-near-black"