Footer adjustments. Refactor Gitter button on static site so that it doesn't overlap footer.

Author: pikinier20

docs/css/dottydoc.css

@@ -248,6 +248,20 @@ aside.success {
   }
 }
 
+.gitter-open-chat-button {
+  writing-mode: vertical-lr;
+  text-orientation: upright;
+  right: 0px;
+  bottom: 100px;
+  padding: 0.5em 0.25em 0.5em 0.25em;
+  border-bottom-left-radius: .5em;
+  border-top-right-radius: 0em;
+}
+
+.gitter-open-chat-button.is-collapsed {
+  transform: translateX(120%);
+}
+
 header {
   position: static !important;
   width: 100% !important;

scaladoc/resources/dotty_res/styles/scalastyle.css

@@ -547,6 +547,8 @@ footer {
   background: var(--footer-bg);
   color: var(--footer-fg);
   display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
   bottom: 0px;
   align-items: center;
   position: fixed;
@@ -563,17 +565,7 @@ footer {
    */
   filter: invert(100%) hue-rotate(180deg);
 }
-footer > span:first-child {
-  margin-left: 24px;
-  padding-left: 0;
-}
-footer > span:last-child {
-  margin-right: 24px;
-  padding-right: 0;
-}
-footer > span {
-  padding: 0 16px;
-}
+
 footer .padded-icon {
   padding-left: 0.5em;
 }
@@ -882,8 +874,6 @@ footer .pull-right {
 }
 
 footer .socials {
-  margin-left: 10px;
-  margin-right: 10px;
   display: flex;
   align-items: center;
 }
@@ -899,7 +889,6 @@ footer .socials {
 }
 
 #generated-by {
-  margin-right: 20px;
   display: flex;
   align-items: center;
 }
@@ -934,6 +923,14 @@ footer .socials {
   footer > span:last-child {
     margin-right: 12px;
   }
+
+  footer {
+    position: unset;
+  }
+
+  .footer-text {
+    display: none;
+  }
 }
 /* Portrait phones */
 @media(max-width: 576px) {
@@ -1052,3 +1049,9 @@ footer .socials {
 .dropdown-content a.filtered {
   display: none;
 }
+
+@media(max-height:640px) {
+  footer {
+    position: unset;
+  }
+}

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

@@ -216,7 +216,7 @@ class HtmlRenderer(rootPackage: Member, val members: Map[DRI, Member])(using ctx
 
     def textFooter: String | AppliedTag =
       args.projectFooter.fold("") { f =>
-        div(id := "footer-text")(
+        span(id := "footer-text")(
           raw(f)
         )
       }
@@ -262,19 +262,19 @@ class HtmlRenderer(rootPackage: Member, val members: Map[DRI, Member])(using ctx
           span(cls := "go-to-top-icon")(
             a(href := "#container")(
               span(cls:="icon-vertical_align_top"),
-              raw(" Back to top")
+              span(cls :="footer-text")(raw("Back to top"))
             )
           ),
           label(id := "theme-toggle", cls := "switch")(
             input(`type` := "checkbox"),
             span(cls := "slider")
           ),
           div(cls := "socials")(
-            if hasSocialLinks then Seq(raw("Social links ")) else Nil,
+            span(cls := "footer-text")(if hasSocialLinks then Seq(raw("Social links")) else Nil),
             socialLinks(whiteIcon = false)
           ),
           div(id := "generated-by")(
-            raw("Generated by "),
+            span(cls := "footer-text")(raw("Generated by")),
             a(href := "https://github.com/lampepfl/dotty/tree/master/scaladoc")(
               img(
                 src := resolveRoot(link.dri, "images/scaladoc_logo.svg"),