From 35a7e804775f43c6ffe2197e1657de69edac4a1f Mon Sep 17 00:00:00 2001 From: admrid Date: Tue, 4 Jun 2019 18:18:09 +0200 Subject: [PATCH 1/3] fix(sideNav) make margin-top 0 on mobile --- src/components/dashboard/components/sideNav/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/dashboard/components/sideNav/index.js b/src/components/dashboard/components/sideNav/index.js index 54774b27..19026ce7 100644 --- a/src/components/dashboard/components/sideNav/index.js +++ b/src/components/dashboard/components/sideNav/index.js @@ -91,7 +91,7 @@ export const SideNavUl = styled.ul` ${breakpoint` display: block; visibility: visible; - margin-top: 50px; + margin-top: 0; &.hidden { display: none; visibility: hidden; From 80c3b9eebbabdda4ff4ad5792eeefc629829c9e5 Mon Sep 17 00:00:00 2001 From: admrid Date: Thu, 6 Jun 2019 10:48:42 +0200 Subject: [PATCH 2/3] fix(sideNav) make it visible on an iphone5 --- src/components/dashboard/components/sideNav/index.js | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/src/components/dashboard/components/sideNav/index.js b/src/components/dashboard/components/sideNav/index.js index 19026ce7..38612c49 100644 --- a/src/components/dashboard/components/sideNav/index.js +++ b/src/components/dashboard/components/sideNav/index.js @@ -49,7 +49,7 @@ export const SideNav = styled.nav` width: 210px; height: 100%; z-index: 104; - padding: 20px 0; + padding: 0 0; &.closed { ${breakpoint` @@ -70,13 +70,18 @@ export const SideNav = styled.nav` visibility: visible; ${breakpoint` - margin-top: 40px; + margin-top: 60px; margin-bottom: 0; &.hidden{ display: none; visibility: hidden; } `}; + + ${media.mobile` + margin-top: 50px; + width: 50px; + `}; } `; @@ -92,6 +97,8 @@ export const SideNavUl = styled.ul` display: block; visibility: visible; margin-top: 0; + margin-bottom: 0; + margin-left: 10px; &.hidden { display: none; visibility: hidden; From ed8a8a980c131bfd9935aa971df9a3361e8cad72 Mon Sep 17 00:00:00 2001 From: admrid Date: Thu, 6 Jun 2019 13:05:46 +0200 Subject: [PATCH 3/3] fix(sideNav) padding change --- src/components/dashboard/components/sideNav/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/dashboard/components/sideNav/index.js b/src/components/dashboard/components/sideNav/index.js index 38612c49..159733a6 100644 --- a/src/components/dashboard/components/sideNav/index.js +++ b/src/components/dashboard/components/sideNav/index.js @@ -127,7 +127,7 @@ export const SideNavLi = styled.li` export const SideNavLink = styled(NavLink)` display: flex; align-items: center; - padding: 5px 10px; + padding: 4px 10px; width: 100%; color: ${theme.colors.white}; opacity: 0.9;