From d2305baa60a97c9d3e92abe35f9df8fa6a11b1a8 Mon Sep 17 00:00:00 2001 From: Lisa Passing Date: Thu, 12 Feb 2015 15:07:02 +0100 Subject: [PATCH] finally get profile page full-height while loading --- app/styles/app/layout.sass | 14 ++++++++------ app/styles/app/tabs.sass | 4 ---- 2 files changed, 8 insertions(+), 10 deletions(-) diff --git a/app/styles/app/layout.sass b/app/styles/app/layout.sass index d3d173b2..022777e9 100644 --- a/app/styles/app/layout.sass +++ b/app/styles/app/layout.sass @@ -2,7 +2,8 @@ .centered .row max-width: 1024px -.main, .profile-view +.main, +.profile-view position: relative width: 100% min-height: 100vh @@ -14,13 +15,10 @@ #not-found #main padding: 100px 50px 0 50px - -#left, #right +#left, #right, .wrapper-main position: relative - min-height: 100% #left - min-height: 100% padding: 0 0 110px 0 background-color: #fbfbfa border-right: 1px solid $color-border-normal @@ -52,6 +50,7 @@ // layout magic http://lea.verou.me/2011/01/styling-children-based-on-their-number-with-css3/ .wrapper-main overflow: hidden + height: 100% & > div:first-child:nth-last-child(2) width: grid-calc(20, 24) float: left @@ -63,7 +62,6 @@ .maximized .wrapper-main - overflow: hidden & > div:first-child:nth-last-child(2) width: grid-calc(24, 24) float: none @@ -72,6 +70,10 @@ display: none @media #{$large-up} + + #left, #right, .wrapper-main + min-height: 100vh + #left width: grid-calc(5, 24) float: left diff --git a/app/styles/app/tabs.sass b/app/styles/app/tabs.sass index 6c00f3e6..94a1c02c 100644 --- a/app/styles/app/tabs.sass +++ b/app/styles/app/tabs.sass @@ -72,10 +72,6 @@ #tab_new.display display: inline-block - @media #{$medium-up} - .tab - min-height: 100vh - #main .tabs border-bottom: 3px solid #f5f5f6