Navbars now stay onscreen even when user scrolls down

diff --git a/src/main/resources/static/style.css b/src/main/resources/static/style.css
index 4755af04b7e6f2530796d16e2cb5098bab753c29..a2f787f5eeb727013f46b3ef9dfcdadcff62c641 100644 (file)
--- a/src/main/resources/static/style.css
+++ b/src/main/resources/static/style.css
@@ -259,6 +259,10 @@ html[data-theme="dark"] {
        }
 }
 
+body {
+       margin: 0;
+}
+
 ::selection {
        background-color: var(--selection-bg);
        color: var(--selection-fg);
@@ -364,7 +368,6 @@ aside.mobile img {
                border-image-source: var(--panel);
                border-image-slice: 40% fill;
                border-image-width: 2em;
-               border-width: 2em;
 
                box-sizing: border-box;
                padding: 2.5em 3em;
@@ -402,12 +405,27 @@ aside.mobile img {
                width: 16%;
                float: left;
                margin: 4vh 4vw;
+
+               position: sticky;
+               top: calc(4vh + 1.25rem);
        }
 
        aside.desktop {
                width: 16%;
                float: right;
                margin: 4vh 4vw;
+
+               position: sticky;
+               top: calc(4vh + 1.25rem);
+       }
+
+       aside.desktop {
+               max-height: calc(92vh - 2.5rem);
+       }
+
+       aside.desktop div.list {
+               max-height: calc(92vh - 7.5rem);
+               overflow-y: auto;
        }
 
        h4 {