added a small hack to prevent the page from scrolling whilst scrolling in the logs

93c49f7c · Tim Repke · 242cc472 · 93c49f7c · 93c49f7c
Commit 93c49f7c authored 9 years ago by Tim Repke
--- a/registration-system/view/default_index.php
+++ b/registration-system/view/default_index.php
@@ -35,21 +35,21 @@
 </head>
 <body>
 <div class="shadowbox">
-<div id="headerbox">
-    <div class="headerboxshade"><h1>Fachschaftsfahrt</h1></div>
-	<div class="headerboxshade"><h2>Informatik</h2></div>
-    <p></p>
-</div>
-<div id="menubox">
+    <div id="headerbox">
+        <div class="headerboxshade"><h1>Fachschaftsfahrt</h1></div>
+        <div class="headerboxshade"><h2>Informatik</h2></div>
+        <p></p>
+    </div>
+    <div id="menubox">

-    <?php
-        show_content();
-    ?>
+        <?php
+            show_content();
+        ?>


-</div>
-<div id="footerbox">&copy;<?php echo date("Y"); ?> Fachschaftsinitiative Informatik der Humboldt Universität zu Berlin.</div>
-<img src="view/graphics/studityp_5.gif" style="position: fixed;bottom: 5px;left:0px" />
+    </div>
+    <div id="footerbox">&copy;<?php echo date("Y"); ?> Fachschaftsinitiative Informatik der Humboldt Universität zu Berlin.</div>
+    <img src="view/graphics/studityp_5.gif" style="position: fixed;bottom: 5px;left:0px" />

 </div>
 </body>

--- a/registration-system/view/signups/game1/index.php
+++ b/registration-system/view/signups/game1/index.php
@@ -82,6 +82,23 @@ class Game1SignupMethod extends SignupMethod {
                });
                game.run();

+                // this following stuff is to prevent the page from scrolling, when the user
+                // actually just wants to scroll inside the logs.
+                // it removes the main scrollbar and adds a padding of its size to replace the space
+                window.onload = function() {
+                    var scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+                    var x = document.getElementsByClassName("sidebar-log");
+                    for (var i = 0; i < x.length; i++) {
+                        x[i].addEventListener("mouseout", function(){
+                            document.body.style.overflow=\'auto\';
+                            document.body.style.paddingRight = "0px";
+                        }, false);
+                        x[i].addEventListener("mouseover", function(){
+                            document.body.style.overflow=\'hidden\';
+                            document.body.style.paddingRight = scrollbarWidth+"px";
+                        }, false);
+                    }
+                };
            </script>';
    }