From 89c5a62074b34b7f5a4447cd42776bf64ba52878 Mon Sep 17 00:00:00 2001 From: Nicolas Perriault Date: Thu, 18 May 2017 15:31:59 +0200 Subject: [PATCH] Reduce column margins, fix body scroll issue. --- public/style.css | 23 +++++++++++++++-------- 1 file changed, 15 insertions(+), 8 deletions(-) diff --git a/public/style.css b/public/style.css index f37b757..2769167 100644 --- a/public/style.css +++ b/public/style.css @@ -1,6 +1,12 @@ body { font-family: Roboto, sans-serif; - padding: 10px 0 0 0; + padding: 0; + margin: 0; +} +@media only screen and (min-width: 992px) { + html, body { + overflow: hidden; + } } /* Alert messages */ @@ -37,13 +43,12 @@ body { /* Columns */ .column { - padding-left: 5px; - padding-right: 5px; + padding: 0; } .column .panel { - min-height: calc(100vh - 20px); - max-height: calc(100vh - 20px); + height: 100vh; + margin-bottom: 0; } .column .panel.draft, .column .panel.options { @@ -57,7 +62,7 @@ body { .timeline { overflow-y: auto; overflow-x: hidden; - max-height: calc(100vh - 60px); + max-height: calc(100vh - 45px); overflow: hidden; overflow-y: scroll; } @@ -69,7 +74,7 @@ body { #favorite-timeline, #local-timeline, #global-timeline { - max-height: calc(100vh - 102px); + max-height: calc(100vh - 80px); } @@ -78,7 +83,7 @@ li.load-more { } .notifications-panel .timeline { - max-height: calc(100vh - 100px); + max-height: calc(100vh - 80px); } .panel a { @@ -228,6 +233,8 @@ li.load-more { margin-left: 60px; color: #efefef; cursor: pointer; + overflow: hidden; + text-overflow: ellipsis; } .status-text a, .u-url, .status .mention, .hashtag, .tag {