Merge pull request #12 from szymon-rd/scaladoc-fixes-part2

2nd part of layout fixes

Author: kamilszewczyk0

docs/_layouts/static-site-main.html

@@ -28,7 +28,7 @@
     </div>
     {% endif %} {% if page.next %}
     <div>
-      <span class="body-small">Next</span>
+      <span class="body-small arrow-navigation--next">Next</span>
       <a
         rel="next"
         href="{{ page.next.url }}"

scaladoc/resources/dotty_res/styles/theme/color-tokens.css

@@ -48,7 +48,7 @@
 
   /* code */
   --code-props-content: var(--grey12);
-  --code-props-background: var(--grey3);
+  --code-props-background: var(--grey2);
   --code-props-border: var(--grey5);
 
   --code-syntax-highlighting-comment: var(--grey11);
@@ -136,7 +136,7 @@
 
   /* code */
   --code-props-content: var(--grey12);
-  --code-props-background: var(--grey2);
+  --code-props-background: var(--grey3);
   --code-props-border: var(--grey6);
 
   --code-syntax-highlighting-comment: var(--grey11);

scaladoc/resources/dotty_res/styles/theme/components/dropdown-menu.css

@@ -23,5 +23,5 @@
 /* version dropdown */
 #version-dropdown {
   top: calc(6 * var(--base-spacing));
-  left: calc(34.25 * var(--base-spacing));
+  left: calc(19 * var(--base-spacing));
 }

scaladoc/resources/dotty_res/styles/theme/components/pill.css

@@ -54,6 +54,11 @@
   display: block;
 }
 
+.pill-container {
+  display: flex;
+  align-items: center;
+}
+
 .pill-container ul {
   display: none;
   background-color: var(--action-primary-background-default-solid);

scaladoc/resources/dotty_res/styles/theme/components/subtypes.css

@@ -4,6 +4,7 @@
   padding-bottom: calc(1.5 * var(--base-spacing));
   overflow-x: scroll;
   position: relative;
+   border-radius: 4px;
 }
 
 .subtypes > span {

scaladoc/resources/dotty_res/styles/theme/components/supertypes.css

@@ -4,6 +4,7 @@
   padding-bottom: calc(1.5 * var(--base-spacing));
   overflow-x: scroll;
   position: relative;
+  border-radius: 4px;
 }
 
 .supertypes > span {

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

@@ -13,3 +13,7 @@
   margin-bottom: calc(1 * var(--base-spacing));
   color: var(--text-secondary);
 }
+
+.arrow-navigation--next {
+  text-align: right;
+}

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

@@ -172,11 +172,11 @@
 /* content link */
 #content a {
   color: var(--text-primary);
-  border-bottom: 1px solid var(--grey8);
+  text-decoration: underline var(--grey8) solid 1px;
 }
 
 #content a:hover {
-  border-bottom: 1px solid var(--text-secondary);
+  text-decoration: underline var(--text-secondary) solid 1px;
 }
 
 #content .cover-header a,
@@ -195,6 +195,10 @@
   font-size: 13px;
 }
 
+#content .body-large code {
+  font-size: 16px;
+}
+
 .breadcrumbs {
   display: none;
 }

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

@@ -68,13 +68,14 @@
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  width: calc(9 * var(--base-spacing));
 }
 
-@media (max-width: 950px) {
-  .projectVersion {
-    width: calc(6 * var(--base-spacing));
-  }
+.single {
+  padding-left: 16px;
+}
 
+@media (max-width: 950px) {
   .header-container-right .text-button {
     margin-left: calc(2 * var(--base-spacing));
   }
@@ -86,10 +87,6 @@
     display: block;
   }
 
-  .projectVersion {
-    width: auto;
-  }
-
   .header-container-right .text-button {
     display: none;
   }
@@ -102,9 +99,3 @@
     display: none;
   }
 }
-
-@media (max-width: 500px) {
-  .projectVersion {
-    width: calc(6 * var(--base-spacing));
-  }
-}

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

@@ -31,7 +31,7 @@
   margin-left: calc(2 * var(--base-spacing));
 }
 
-@media (min-width: 768px) {
+@media (min-width: 769px) {
   #mobile-menu {
     display: none;
   }

scaladoc/resources/dotty_res/styles/theme/typography.css

@@ -39,6 +39,10 @@
   font-family: "Inter-SemiBold";
 }
 
+.h600 .single {
+  padding-left: 16px;
+}
+
 .h500 {
   font-size: 28px;
   line-height: 32px;
@@ -77,7 +81,7 @@
 
 .body-large {
   font-size: 20px;
-  line-height: 24px;
+  line-height: 32px;
   font-family: "Inter-Regular";
 }
 

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

@@ -443,7 +443,7 @@ class MemberRenderer(signatureRenderer: SignatureRenderer)(using DocContext) ext
   }
 
   def fullMember(m: Member): PageContent =
-    val wideClass = m.companion.map(_ => "cover-header-wide").getOrElse("")
+    val wideClass = m.companion.map(_ => "multi").getOrElse("single")
     val intro = m.kind match
       case Kind.RootPackage =>Seq(h1(summon[DocContext].args.name))
       case _ =>