fix footer issue

traefikturkey · Apr 13, 2024 · a343ac8 · a343ac8
1 parent d03a4d0
commit a343ac8
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 25 deletions.
diff --git a/app/static/css/footer.css b/app/static/css/footer.css
@@ -1,13 +1,2 @@
 /* Footer */
-.footer {
-  /* Set the footer to the bottom of the browsers window */
-  width: 100%;
-  background-color: #1a1a1c;
-  position: absolute;
-  bottom: 0;
-  /* Set the footer text to be centered */
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-
-}
+
diff --git a/app/static/css/iframe.css b/app/static/css/iframe.css
@@ -1,14 +1,20 @@
 .iframe-container {
   display: flex; 
-  width: 100%; 
-  height: 100%; 
+  width:  100vw; 
+  min-height: 100vh; 
   flex-direction: column; 
   overflow: hidden;
 }
 
+.iframe-container::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
+}
+
 iframe {
   flex-grow: 1; 
   border: none; 
   margin: 0; 
   padding: 0;
+  overflow: hidden;
 }
diff --git a/app/static/css/layout.css b/app/static/css/layout.css
@@ -19,8 +19,10 @@ body {
   display: flex;
   flex: 1 0 auto;
   flex-direction: column;
-  height: 100%;
+  min-height:100vh;
+  justify-content:space-between;
 }
+
 
 /* Row */
 .row {
@@ -39,3 +41,10 @@ body {
   height: 100%;
 }
 
+footer {
+  /* Set the footer to the bottom of the browsers window */
+  width: 100%;
+  background-color: #1a1a1c;
+  justify-content: center;
+
+}
diff --git a/app/templates/iframe.html b/app/templates/iframe.html
@@ -1,3 +1,3 @@
 <div class="iframe-container">
-  <iframe src="{{widget.src}}" frameborder="0" class="iframe-widget"></iframe>
+  <iframe src="{{widget.src}}" frameborder="0" scrolling="no" class="iframe-widget"></iframe>
 </div>
diff --git a/app/templates/index.html b/app/templates/index.html
@@ -48,15 +48,15 @@
       </div>
       {% endfor %}
     </div>
-  </div>
-  <div class="footer">
-    <div>
-      <a href="https://github.com/traefikturkey/onboard" target="_blank">OnBoard</a>
-      is a 
-      <a href="https://github.com/traefikturkey" target="_blank">TraefikTurkey Project</a> 
-      &copy; {{ today_date.year }}
-    </div>
+
+    <footer>
+      <div>
+        <a href="https://github.com/traefikturkey/onboard" target="_blank">OnBoard</a>
+        is a 
+        <a href="https://github.com/traefikturkey" target="_blank">TraefikTurkey Project</a> 
+        &copy; {{ today_date.year }}
+      </div>
+    </footer>
   </div>
 </body>
-
 </html>