layout fixes

Author: fanixus96

scaladoc/resources/dotty_res/styles/theme/layout/container.css

@@ -2,6 +2,8 @@ body {
   margin: 0;
   padding: 0;
   background-color: var(--background-default);
+  height: 100%;
+  overflow: hidden;
 }
 
 #container {

scaladoc/resources/dotty_res/styles/theme/layout/floatingButton.css

@@ -1,6 +1,6 @@
 .floating-button {
   display: none;
-  position: fixed;
+  position: absolute;
   right: calc(3 * var(--base-spacing));
   bottom: calc(10 * var(--base-spacing));
   height: calc(5 * var(--base-spacing));
@@ -11,6 +11,7 @@
     inset 0px 0px 0px 1px var(--shadow-inset);
     border: none;
   border-radius: 4px;
+  z-index: 2;
 }
 
 .floating-button:disabled {

scaladoc/resources/dotty_res/styles/theme/layout/footer.css

@@ -42,7 +42,7 @@
   display: none;
 }
 
-@media (max-width: 390px) {
+@media (max-width: 480px) {
   #footer {
     height: calc(9 * var(--base-spacing));
   }

scaladoc/resources/dotty_res/styles/theme/layout/header.css

@@ -84,3 +84,10 @@
     display: none;
   }
 }
+
+@media (max-width: 500px) {
+  .projectVersion {
+    width: calc(6 * var(--base-spacing));
+  }
+
+}

scaladoc/resources/dotty_res/styles/theme/layout/leftMenu.css

@@ -15,6 +15,12 @@
   transition:left 0.2s linear;
 }
 
+@media (max-width: 480px) {
+  #leftColumn {
+    height: calc(100% - var(--header-height) - (15 * var(--base-spacing)));
+  }
+}
+
 @media (max-width: 1024px) {
   #leftColumn {
     left: calc(-39 * var(--base-spacing));
@@ -24,3 +30,16 @@
     left: 0;
   }
 }
+
+@media (max-width: 390px) {
+  #leftColumn {
+    height: calc(100% - var(--header-height));
+    width: 100%;
+    left: -100%;
+    z-index: 1;
+  }
+
+  #leftColumn.show {
+    left: 0;
+  }
+}

scaladoc/resources/dotty_res/styles/theme/layout/mobileMenu.css

@@ -4,15 +4,23 @@
   background-color: var(--background-default);
   top: 0;
   left: 0;
-  height: calc(100% - calc(6 * var(--base-spacing)));
+  height: 100%;
   width: 100%;
-  z-index: 2;
+  z-index: 3;
 }
 
 #mobile-menu.show {
   display: block;
 }
 
+.mobile-menu-header {
+  align-items: center;
+}
+
+.mobile-menu-logo {
+  opacity: 0.5;
+}
+
 @media(min-width: 768px){
   #mobile-menu {
     display: none;

scaladoc/src/dotty/tools/scaladoc/renderers/HtmlRenderer.scala

@@ -246,7 +246,10 @@ class HtmlRenderer(rootPackage: Member, members: Map[DRI, Member])(using ctx: Do
       ),
       div(id := "mobile-menu")(
         div(cls := "mobile-menu-header")(
-          span(cls := "mobile-menu-logo"),
+          span(cls := "mobile-menu-logo")(
+            projectLogoElem.toSeq,
+            darkProjectLogoElem.toSeq,
+          ),
           button(id := "mobile-menu-close", cls := "icon-button close"),
         ),
         div(cls := "mobile-menu-container body-medium")(