Merge pull request #26 from szymon-rd/member-design

Member design

Author: kamilszewczyk0

scaladoc/resources/dotty_res/styles/theme/components/api-member.css

@@ -1,14 +1,13 @@
 .documentableElement {
-  background-color: var(--action-primary-background-default-solid);
-  padding: calc(3 * var(--base-spacing));
-  border-radius: 4px;
-  margin-bottom: calc(3 * var(--base-spacing));
+  padding: 13px 0 12px;
   color: var(--text-primary);
   position: relative;
+  border-top: 1px solid var(--border-default);
 }
 
 .documentableElement:last-child {
   margin-bottom: 0;
+  border-top: 1px solid var(--border-default);
 }
 
 .documentableElement .signature {
@@ -24,6 +23,10 @@
   color: var(--text-secondary);
 }
 
+.documentableElement .documentableBrief > p {
+  margin: 4px 0 0;
+}
+
 .documentableElement .annotations {
   display: none;
 }
@@ -32,8 +35,17 @@
   display: none;
 }
 
+.documentableElement.expand {
+color: var(--text-secondary);
+}
+
 .documentableElement.expand > div .cover {
   display: block;
+
+}
+
+.documentableElement.expand > div .cover dd {
+  color: var(--text-primary);
 }
 
 .documentableElement.expand .annotations {
@@ -46,7 +58,6 @@
 
 .documentableElement .icon-button {
   position: absolute;
-  top: calc(3 * var(--base-spacing));
   right: calc(3 * var(--base-spacing));
   display: none;
 }
@@ -55,6 +66,10 @@
   display: block;
 }
 
+.documentableElement .attributes {
+  margin-bottom: 0;
+}
+
 [t="k"] {
   color: var(--code-method-highlighting-keyword);
 }

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

@@ -3,7 +3,6 @@
   overflow: hidden;
   padding: 0;
   margin: 0;
-  border-bottom: 1px solid var(--border-default);
   margin-bottom: calc(6 * var(--base-spacing));
 }
 
@@ -34,6 +33,11 @@
   padding-bottom: calc(2.5 * var(--base-spacing));
 }
 
+.attributes > dt:first-child,
+.attributes > dd:first-of-type {
+  border-top: none;
+}
+
 .attributes > dd > .attributes > dt {
   border: none;
   padding: 0;
@@ -48,6 +52,4 @@
   width: 80%;
 }
 
-.documentableElement .attributes {
-  margin-bottom: 0;
-}
+

scaladoc/resources/dotty_res/styles/theme/components/code-snippet.css

@@ -18,6 +18,10 @@
   line-height: 20px;
 }
 
+dd .snippet {
+  margin: 0;
+}
+
 .snippet .hidden {
   display: none;
 }

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

@@ -29,10 +29,13 @@
 
 @media (min-width: 1920px) {
   #content {
-    width: calc(90 * var(--base-spacing));
     padding-left: calc(36.75 * var(--base-spacing));
     padding-top: calc(18 * var(--base-spacing));
   }
+
+  #content > div:first-child {
+    width: calc(90 * var(--base-spacing));
+  }
 }
 
 @media (max-width: 1920px) {
@@ -419,6 +422,11 @@
   margin-bottom: 0;
 }
 
+#attributes > h2 {
+  margin-bottom: calc(3*var(--base-spacing));
+}
+
+
 .tab {
   position: relative;
 }
@@ -466,6 +474,8 @@
   display: block;
 }
 
+
+
 #content section {
   margin-top: calc(6 * var(--base-spacing));
 }

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

@@ -156,7 +156,7 @@ class MemberRenderer(signatureRenderer: SignatureRenderer)(using DocContext) ext
 
     val signature: MemberSignature = signatureProvider.rawSignature(member)()
     Seq(
-      div(cls := "signature mono-small-inline")(
+      div(cls := "signature mono-medium")(
         span(cls := "modifiers")(signature.prefix.map(renderElement(_))),
         span(cls := "kind")(signature.kind.map(renderElement(_))),
         signature.name.map(renderElement(_, nameClasses*)),
@@ -404,7 +404,7 @@ class MemberRenderer(signatureRenderer: SignatureRenderer)(using DocContext) ext
 
       def signatureList(list: Seq[LinkToType], className: String = "", expandable: Boolean): Seq[AppliedTag] =
         if list.isEmpty then Nil
-         else Seq(div(cls := s"mono-small-inline $className")(
+         else Seq(div(cls := s"mono-medium $className")(
           if(expandable) then span(cls := "icon-button show-content") else span(),
          list.map(link =>
           div(link.kind.name," ", link.signature.map(renderElement(_)))
@@ -469,7 +469,7 @@ class MemberRenderer(signatureRenderer: SignatureRenderer)(using DocContext) ext
           )
         ) ++ companionBadge(m) ++
         Seq(
-          div(cls := "main-signature mono-medium")(
+          div(cls := "main-signature mono-small-block")(
             annotations(m).getOrElse(Nil),
             memberSignature(m)
           )