diff --git a/res/static/style/layout.css b/res/static/style/layout.css index d7dd499..b3ff752 100644 --- a/res/static/style/layout.css +++ b/res/static/style/layout.css @@ -51,9 +51,7 @@ } /* Page rendering configuration */ -html, body { - overflow: hidden; -} + body{ background-color: #0d0d0d; /* Fallback */ background-color: var(--body_color); @@ -76,7 +74,8 @@ body{ } .button_toggle_navigation { - position: absolute; + position: fixed; + backface-visibility: hidden; z-index: 300; top: 0; left: 0; @@ -89,7 +88,8 @@ body{ box-shadow: 2px 2px 8px -3px var(--shadow_color); } .page_navigation { - position: absolute; + position: fixed; + backface-visibility: hidden; z-index: 100; width: 250px; height: 100%; @@ -107,9 +107,8 @@ body{ .page_body { position: absolute; z-index: 200; - top: 0; right: 0; - bottom: 0; + height: auto; left: 250px; min-width: 300px; display: inline-block; diff --git a/res/template/fragments/page_wrap.html b/res/template/fragments/page_wrap.html index 7202188..8d5272e 100644 --- a/res/template/fragments/page_wrap.html +++ b/res/template/fragments/page_wrap.html @@ -1,52 +1,52 @@ {{define "page_top"}} -
- - -
+ + + +
{{end}} {{define "page_bottom"}} -
- Pixeldrain is a product by Fornaxian Technologies | - Twitter: @Fornax96 - Reddit: /r/pixeldrain - Medium: Pixeldrain -
-
-
+
+ Pixeldrain is a product by Fornaxian Technologies | + Twitter: @Fornax96 + Reddit: /r/pixeldrain + Medium: Pixeldrain +
+
+ {{end}}