Merge pull request #19 from pikinier20/scaladoc/contributors-content-part

Contributors component

Author: fanixus96

docs/_layouts/static-site-main.html

@@ -33,7 +33,7 @@
     {% endif %}
   </nav>
   <div class="content-contributors hidden">
-    <span><b>Contributors to this page</b></span>
+    <h1 class="h200">Contributors to this page</h1>
     <div id="documentation-contributors" class="contributors-container"></div>
   </div>
 </div>

project/resources/referenceReplacements/_layouts/static-site-main.html

@@ -1,6 +1,7 @@
 ---
 layout: main
 ---
+
 <div class="container">
   <div id="site-header">
     <div class="wrap">
@@ -31,20 +32,29 @@
   {{ content }}
   <nav class="arrows-wrapper" aria-label="Page navigation">
     {% if page.previous %}
-    <a rel="prev" href="{{ page.previous.url }}" class="arrows previous" aria-keyshortcuts="Left">
-        <span>{{ page.previous.title }}</span>
-        <i class="fa fa-angle-left"></i>
+    <a
+      rel="prev"
+      href="{{ page.previous.url }}"
+      class="arrows previous"
+      aria-keyshortcuts="Left"
+    >
+      <span>{{ page.previous.title }}</span>
+      <i class="fa fa-angle-left"></i>
     </a>
-    {% endif %}
-    {% if page.next %}
-    <a rel="next" href="{{ page.next.url }}" class="arrows next" aria-keyshortcuts="Right">
-        <span>{{ page.next.title }}</span>
-        <i class="fa fa-angle-right"></i>
+    {% endif %} {% if page.next %}
+    <a
+      rel="next"
+      href="{{ page.next.url }}"
+      class="arrows next"
+      aria-keyshortcuts="Right"
+    >
+      <span>{{ page.next.title }}</span>
+      <i class="fa fa-angle-right"></i>
     </a>
     {% endif %}
   </nav>
   <div class="content-contributors hidden">
-    <span><b>Contributors to this page</b></span>
+    <h1 class="h200">Contributors to this page</h1>
     <div id="documentation-contributors" class="contributors-container"></div>
   </div>
 </div>

scaladoc-testcases/docs/_layouts/static-site-main.html

@@ -5,24 +5,34 @@
   - css/bootstrap.min.css
   - css/content-contributors.css
 ---
+
 <div class="container">
   {{ content }}
   <nav class="arrows-wrapper" aria-label="Page navigation">
     {% if page.previous %}
-    <a rel="prev" href="{{ page.previous.url }}" class="arrows previous" aria-keyshortcuts="Left">
-        <span>{{ page.previous.title }}</span>
-        <i class="fa fa-angle-left"></i>
+    <a
+      rel="prev"
+      href="{{ page.previous.url }}"
+      class="arrows previous"
+      aria-keyshortcuts="Left"
+    >
+      <span>{{ page.previous.title }}</span>
+      <i class="fa fa-angle-left"></i>
     </a>
-    {% endif %}
-    {% if page.next %}
-    <a rel="next" href="{{ page.next.url }}" class="arrows next" aria-keyshortcuts="Right">
-        <span>{{ page.next.title }}</span>
-        <i class="fa fa-angle-right"></i>
+    {% endif %} {% if page.next %}
+    <a
+      rel="next"
+      href="{{ page.next.url }}"
+      class="arrows next"
+      aria-keyshortcuts="Right"
+    >
+      <span>{{ page.next.title }}</span>
+      <i class="fa fa-angle-right"></i>
     </a>
     {% endif %}
   </nav>
   <div class="content-contributors hidden">
-    <span><b>Contributors to this page</b></span>
+    <h1 class="h200">Contributors to this page</h1>
     <div id="documentation-contributors" class="contributors-container"></div>
   </div>
 </div>

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

@@ -0,0 +1,28 @@
+.content-contributors {
+  background-color: var(--background-neutral);
+  padding: calc(3 * var(--base-spacing));
+  border-radius: 4px;
+}
+
+.content-contributors .contributors-container {
+  row-gap: calc(3 * var(--base-spacing));
+  column-gap: calc(4 * var(--base-spacing));
+}
+
+.content-contributors h1 {
+  color: var(--text-primary);
+  margin-bottom: calc(3 * var(--base-spacing));
+}
+
+.content-contributors .contributors-container div img {
+  border-radius: 50%;
+  margin-right: calc(1.5 * var(--base-spacing));
+}
+
+#content .content-contributors .contributors-container div a {
+  text-decoration: none;
+}
+
+.content-contributors .contributors-container {
+  padding: 0;
+}

scaladoc/resources/dotty_res/styles/theme/components/table-of-content.css

@@ -45,7 +45,7 @@
   margin-bottom: calc(2 * var(--base-spacing));
 }
 
-.toc-nav a{
+#content .toc-nav a {
   color: var(--action-primary-content-default);
   text-decoration: none;
 }

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

@@ -60,8 +60,26 @@
   }
 }
 
-#content h1 {
+/* content headers */
+
+#content h1, #content h2 {
+  color: var(--text-primary);
+}
+
+/* content paragraph */
+#content p {
+  color: var(--text-secondary);
+}
+
+/* content list */
+#content li {
+  color: var(--text-primary);
+}
+
+/* content link */
+#content a {
   color: var(--text-primary);
+  text-decoration: underline;
 }
 
 .breadcrumbs {

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

@@ -121,6 +121,7 @@ trait Resources(using ctx: DocContext) extends Locations, Writer:
       "styles/theme/components/dropdown-menu.css",
       "styles/theme/components/divider.css",
       "styles/theme/components/table-of-content.css",
+      "styles/theme/components/contributors.css",
 
       "styles/nord-light.css",
       "styles/dotty-icons.css",