Merge pull request #11357 from romanowski/scaladoc/fix-footer

Fix footer layouts in doc

Author: romanowski

docs/_layouts/blog-page.html

@@ -25,11 +25,11 @@ <h1>{{ page.title }}</h1>
 
     {% if page.author and page.authorImg %}
     <hr/>
-    <footer>
+    <div class="blog-author">
         <img id="author-img" src="{{ site.baseurl }}{{ page.authorImg }}">
         <span id="author-signature">
             {{ page.author }}
         </span>
-    </footer>
+    </div>
     {% endif %}
 </main>

docs/css/dottydoc.css

@@ -73,12 +73,12 @@ h5:hover a.anchor:hover {
   color: var(--secondary);
 }
 
-
-/* footer */
-footer {
-  color: grey;
+/* blog footer */
+.blog-author {
+  color: gray;
 }
-footer img#author-img {
+
+.blog-author img#author-img {
   width: auto;
   height: auto;
   max-width:100px;

scaladoc/resources/dotty_res/styles/scalastyle.css

@@ -430,8 +430,9 @@ Same solution is already used in Dokka.
 /* Footer */
 footer {
   display: flex;
+  bottom: 0px;
   align-items: center;
-  position: relative;
+  position: fixed;
   margin-top: 1rem;
   margin-left: var(--side-width);
   width: calc(100% - var(--side-width));
@@ -666,6 +667,10 @@ footer .pull-right {
   margin-right: 5%;
 }
 
+footer {
+  color: grey;
+}
+
 footer .socials {
   margin-left: 10px;
   margin-right: 10px;
@@ -684,8 +689,7 @@ footer .socials {
 }
 
 #generated-by {
-  position: absolute;
-  right: 10px;
+  margin-right: 20px;
   display: flex;
   align-items: center;
 }