update to 1.1.1

badoo · Nov 30, 2020 · ba71105 · ba71105
1 parent 323a3fb
commit ba71105
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 9 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## v1.1.1
+
+* Fix `navigation` styles for case, when menu content doesn't fit in screen.
+
 ## v1.1.0
 
 * Add fix for `styleguide-iframe` for components, which depend on parents dimensions.

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "badoo-styleguide",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Badoo styleguide used to develop UI components for the Web and React Native",
   "author": "badoo",
   "license": "MIT",

diff --git a/src/__tests__/__snapshots__/app-view.test.js.snap b/src/__tests__/__snapshots__/app-view.test.js.snap
@@ -92,7 +92,7 @@ exports[`App-view generic tests When app is open 1`] = `
         </div>
       </div>
       <nav
-        className="sc-fzozJi edkQqe"
+        className="sc-fzozJi cOizXc"
       >
         <div
           className="sc-fzoLsD kcSfKA"
@@ -343,6 +343,7 @@ exports[`App-view generic tests When component is open 1`] = `
 
 .c13 {
   position: relative;
+  max-height: 100vh;
   font-family: sans-serif;
 }
 
@@ -1190,6 +1191,7 @@ exports[`App-view generic tests When filter doesn\`t show components 1`] = `
 
 .c13 {
   position: relative;
+  max-height: 100vh;
   font-family: sans-serif;
 }
 
@@ -1637,6 +1639,7 @@ exports[`App-view generic tests When filter show components 1`] = `
 
 .c13 {
   position: relative;
+  max-height: 100vh;
   font-family: sans-serif;
 }
 
@@ -2489,6 +2492,7 @@ exports[`App-view generic tests When we open component from app 1`] = `
 
 .c13 {
   position: relative;
+  max-height: 100vh;
   font-family: sans-serif;
 }
 

diff --git a/src/__tests__/__snapshots__/app.test.js.snap b/src/__tests__/__snapshots__/app.test.js.snap
@@ -95,7 +95,7 @@ exports[`App generic tests When app is is unmounted 1`] = `
         </div>
       </div>
       <nav
-        className="sc-fzozJi edkQqe"
+        className="sc-fzozJi cOizXc"
       >
         <div
           className="sc-fzoLsD kcSfKA"
@@ -279,7 +279,7 @@ exports[`App generic tests When app is open 1`] = `
         </div>
       </div>
       <nav
-        className="sc-fzozJi edkQqe"
+        className="sc-fzozJi cOizXc"
       >
         <div
           className="sc-fzoLsD kcSfKA"
@@ -463,7 +463,7 @@ exports[`App generic tests When app receive no sections 1`] = `
         </div>
       </div>
       <nav
-        className="sc-fzozJi edkQqe"
+        className="sc-fzozJi cOizXc"
       />
     </div>
   </aside>
@@ -588,7 +588,7 @@ exports[`App search tests When we clear search request 1`] = `
         </div>
       </div>
       <nav
-        className="sc-fzozJi edkQqe"
+        className="sc-fzozJi cOizXc"
       >
         <div
           className="sc-fzoLsD kcSfKA"
@@ -743,7 +743,7 @@ exports[`App search tests When we clear search request 2`] = `
         </div>
       </div>
       <nav
-        className="sc-fzozJi edkQqe"
+        className="sc-fzozJi cOizXc"
       >
         <div
           className="sc-fzoLsD kcSfKA"
@@ -927,7 +927,7 @@ exports[`App search tests When we search, we have results filtered 1`] = `
         </div>
       </div>
       <nav
-        className="sc-fzozJi edkQqe"
+        className="sc-fzozJi cOizXc"
       >
         <div
           className="sc-fzoLsD kcSfKA"
@@ -1111,7 +1111,7 @@ exports[`App search tests When we search, we have results filtered 2`] = `
         </div>
       </div>
       <nav
-        className="sc-fzozJi edkQqe"
+        className="sc-fzozJi cOizXc"
       >
         <div
           className="sc-fzoLsD kcSfKA"

diff --git a/src/components/navigation/navigation.jsx b/src/components/navigation/navigation.jsx
@@ -5,6 +5,7 @@ import NavigationSection from '../navigation-section/navigation-section';
 
 const NavigationBlock = styled.nav`
     position: relative;
+    max-height: 100vh;
     font-family: sans-serif;
 `;