Merge pull request #37 from szymon-rd/iteration-fixes

Iteration fixes

Author: kamilszewczyk0

docs/_layouts/static-site-main.html

@@ -6,10 +6,13 @@
   <div id="site-header"></div>
   {% if page.nightlyOf %}
   <aside class="warning">
+    <div class='icon'></div>
+    <div class='content'>
     This is a nightly documentation. The content of this page may not be
     consistent with the current stable version of language. Click
     <a href="{{ page.nightlyOf }}">here</a> to find the stable version of this
     page.
+    </div>
   </aside>
   {% endif %} {{ content }}
   <div class="divider" />

scaladoc/resources/dotty_res/images/banner-icons/error.svg

@@ -82,4 +82,15 @@
   width: 80%;
 }
 
+/* TODO */
+/* @media (max-width: 1376px) {
+  .attributes {
+    display: flex;
+    flex-flow: column;
+  }
 
+  .attributes > dt {
+    padding-left: 0;
+    border-bottom: 0;
+  }
+} */

scaladoc/resources/dotty_res/images/banner-icons/info.svg

@@ -0,0 +1,57 @@
+aside {
+  padding: calc(2* var(--base-spacing));
+  font-weight: 400;
+  font-size: 13px;
+  line-height: 16px;
+  margin-bottom: calc(6* var(--base-spacing));
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+
+aside > .icon {
+  width: 16px;
+  height: 16px;
+  content: url("../../../images/banner-icons/warning.svg");
+  padding-right: var(--base-spacing);
+}
+
+.warning {
+  background-color: var(--semantic-background-yellow);
+}
+
+.warning > .icon {
+   content: url("../../../images/banner-icons/warning.svg");
+}
+
+.success {
+  background-color: var(--semantic-background-grass);
+}
+
+.success > .icon {
+   content: url("../../../images/banner-icons/success.svg");
+}
+
+.neutral {
+  background-color: var(--semantic-background-grey);
+}
+
+.neutral > .icon {
+   content: url("../../../images/banner-icons/neutral.svg");
+}
+
+.info {
+  background-color: var(--semantic-background-sky);
+}
+
+.info > .icon {
+   content: url("../../../images/banner-icons/info.svg");
+}
+
+.error {
+  background-color: var(--semantic-background-red);
+}
+
+.error > .icon {
+   content: url("../../../images/banner-icons/error.svg");
+}

scaladoc/resources/dotty_res/images/banner-icons/neutral.svg

@@ -482,6 +482,8 @@ main :is(ul, ol) li .snippet {
   background-color: var(--action-primary-background-default-solid);
   padding: calc(3 * var(--base-spacing));
   border-radius: 4px;
+  padding-left: 40px;
+  text-indent: -16px;
 }
 
 #content > div > * {
@@ -544,7 +546,13 @@ main :is(ul, ol) li .snippet {
   display: block;
 }
 
-.member-group-header,
+.member-group-header{
+  height: 80px;
+  display: flex;
+  align-items: center;
+}
+
+
 .documentableList-expander  {
   display: flex;
   cursor: pointer;

scaladoc/resources/dotty_res/images/banner-icons/success.svg

@@ -342,7 +342,6 @@ class MemberRenderer(signatureRenderer: SignatureRenderer)(using DocContext) ext
       name,
       Seq(
         div(cls := "member-group-header")(
-          button(cls := "icon-button show-content expand"),
           h3(tabAttr(name), cls := "h400")(name)
         )
       ) ++ children,

scaladoc/resources/dotty_res/images/banner-icons/warning.svg

@@ -534,6 +534,11 @@ trait Resources(using ctx: DocContext) extends Locations, Writer:
       dottyRes("images/package-big.svg"),
       dottyRes("images/thick.svg"),
       dottyRes("images/thick-dark.svg"),
+      dottyRes("images/banner-icons/error.svg"),
+      dottyRes("images/banner-icons/info.svg"),
+      dottyRes("images/banner-icons/neutral.svg"),
+      dottyRes("images/banner-icons/success.svg"),
+      dottyRes("images/banner-icons/warning.svg"),
       searchData(pages),
       scastieConfiguration(),
     )