From: Andréas Lundgren <Adevade@users.noreply.github.com>
Date: Mon, 24 Oct 2016 14:15:04 +0000 (+0200)
Subject: Update the 101% table height to use a fixed scrollbar via CSS (#28)
X-Git-Tag: timetracker_1.19-1~1609
X-Git-Url: http://wagnertech.de/git?a=commitdiff_plain;h=660a3e8ca761113f8e1b739dba11eddf7f581cbd;p=timetracker.git

Update the 101% table height to use a fixed scrollbar via CSS (#28)

Tested on Windows 10 on latest Chrome, Firefox 43+47+48+49, Internet Explorer 11+10 (and emulated 9+8+7) and Microsoft Edge 38.
---

diff --git a/WEB-INF/templates/header.tpl b/WEB-INF/templates/header.tpl
index b307f4c8..3bedfb1e 100644
--- a/WEB-INF/templates/header.tpl
+++ b/WEB-INF/templates/header.tpl
@@ -20,10 +20,7 @@
 
 {assign var="tab_width" value="700"}
 
-<!--  101% height here is a workaround for Firefox shifting content horizontally when scrollbar appears / disappears.
-See https://bugzilla.mozilla.org/show_bug.cgi?id=279425.
-With 101% height we essentially force the scrollbar to always appear. -->
-<table height="101%" cellspacing="0" cellpadding="0" width="100%" border="0">
+<table height="100%" cellspacing="0" cellpadding="0" width="100%" border="0">
   <tr>
     <td valign="top" align="center"> <!-- This is to centrally align all our content. -->
 
diff --git a/default.css b/default.css
index 611d4255..b1b7ec36 100644
--- a/default.css
+++ b/default.css
@@ -33,6 +33,10 @@ a:visited { text-decoration: none; }
 
 a:hover { text-decoration: underline; }
 
+html {
+  overflow-y: scroll;
+}
+
 body {
   font-size: 10pt;
   font-family: verdana;