Merge pull request #31 from szymon-rd/style-fixes

Style fixes

Author: kamilszewczyk0

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

@@ -6,7 +6,9 @@
   position: sticky;
   top: var(--header-height);
   padding: calc(2 * var(--base-spacing)) 0;
+  padding-left: 28px;
   margin-bottom: calc(3 * var(--base-spacing));
+  margin-left: -28px;
   background-color: var(--background-subtle);
 }
 

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

@@ -62,8 +62,7 @@ color: var(--text-secondary);
 
 .documentableElement .icon-button {
   position: absolute;
-  right: calc(3 * var(--base-spacing));
-  display: none;
+  left: -28px
 }
 
 .documentableElement:hover .icon-button {

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

@@ -16,7 +16,7 @@
 }
 
 .attributes > dt {
-  padding: calc(2.5 * var(--base-spacing)) calc(6 * var(--base-spacing)) calc(2.5 * var(--base-spacing)) calc(2 * var(--base-spacing));
+ padding: calc(2.5 * var(--base-spacing)) calc(6 * var(--base-spacing)) calc(2.5 * var(--base-spacing)) calc(2 * var(--base-spacing));
   border-top: 1px solid var(--border-default);
   text-align: right;
   color: var(--text-secondary);
@@ -31,6 +31,22 @@
   padding: calc(2 * var(--base-spacing)) 0;
 }
 
+.attributes .memberList dt {
+ padding: calc(1.5 * var(--base-spacing)) calc(6 * var(--base-spacing)) calc(1.5 * var(--base-spacing)) calc(2 * var(--base-spacing));
+  border-top: 1px solid var(--border-default);
+  text-align: right;
+  color: var(--text-secondary);
+  overflow: hidden;
+}
+
+.attributes .memberList dd {
+  padding-left: 10%;
+  margin: 0;
+  border-top: 1px solid var(--border-default);
+  overflow: hidden;
+  padding: var(--base-spacing) 0;
+}
+
 .attributes > dt:first-child,
 .attributes > dd:first-of-type {
   border-top: none;

scaladoc/resources/dotty_res/styles/theme/components/button/icon-button.css

@@ -583,7 +583,7 @@
 
 /* show-content button */
 
-.icon-button.show-content::after {
+/* .icon-button.show-content::after {
   content: url("../../../../images/icon-buttons/plus/light/default.svg");
 }
 
@@ -677,7 +677,7 @@
 
 .theme-dark .icon-button.show-content.expand.selected::after {
   content: url("../../../../images/icon-buttons/minus/dark/selected.svg");
-}
+} */
 
 .icon-button.close:disabled {
   opacity: 0.5;

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

@@ -16,6 +16,7 @@
 
 #content > div:first-child {
   overflow: clip;
+  padding-left: 28px;
 }
 
 
@@ -40,7 +41,7 @@
 @media (max-width: 1920px) {
   #content {
     margin-left: 0;
-    width: calc(100% - calc(39 * var(--base-spacing)));
+    width: calc(100% - calc(39 * var(--base-spacing)) + 28px);
     padding-top: calc(18 * var(--base-spacing));
     padding-bottom: calc(10 * var(--base-spacing));
     justify-content: center;
@@ -54,7 +55,7 @@
 @media (max-width: 1467px) {
   #content {
     margin-left: 0;
-    width: calc(100% - calc(56 * var(--base-spacing)));
+    width: calc(100% - calc(56 * var(--base-spacing)) + 28px);
     padding-top: calc(18 * var(--base-spacing));
     padding-bottom: calc(10 * var(--base-spacing));
     margin-right: calc(8.5 * var(--base-spacing));
@@ -69,7 +70,7 @@
 @media (max-width: 1376px) {
   #content {
     margin-left: 0;
-    width: calc(100% - calc(51 * var(--base-spacing)));
+    width: calc(100% - calc(51 * var(--base-spacing)) + 28px);
     padding-top: calc(18 * var(--base-spacing));
     padding-bottom: calc(10 * var(--base-spacing));
     margin-right: calc(6 * var(--base-spacing));
@@ -83,7 +84,7 @@
 
 @media (max-width: 1024px) {
   #content {
-    width: calc(100% - calc(12 * var(--base-spacing)));
+    width: calc(100% - calc(12 * var(--base-spacing)) + 28px);
     margin-right: calc(6 * var(--base-spacing));
     margin-left: calc(6 * var(--base-spacing));
     padding-right: 0;
@@ -108,7 +109,7 @@
     margin-right: calc(6 * var(--base-spacing));
     margin-left: calc(6 * var(--base-spacing));
     padding-right: 0;
-    width: calc(100% - calc(12 * var(--base-spacing)));
+    width: calc(100% - calc(12 * var(--base-spacing)) + 28px);
   }
 
   #content > div:first-child {
@@ -130,7 +131,7 @@
     margin-right: calc(4 * var(--base-spacing));
     margin-left: calc(4 * var(--base-spacing));
     padding-right: 0;
-    width: calc(100% - calc(8 * var(--base-spacing)));
+    width: calc(100% - calc(8 * var(--base-spacing)) + 28px);
   }
 
   #content > div:first-child {
@@ -169,6 +170,22 @@
     margin-block-end: calc(3* var(--base-spacing));
 }
 
+#content .cover > h2 {
+  color: var(--text-secondary);
+  margin: 8px 0 0;
+  padding: 12px var(--base-spacing);
+}
+
+#content .cover > h2 {
+  color: var(--text-secondary);
+  margin: 0;
+  padding: 12px var(--base-spacing);
+}
+
+#content .cover > h2:first-of-type {
+  margin: 8px 0 0;
+}
+
 /* content first paragraph */
 .first-p {
     margin-block-start: calc(2* var(--base-spacing));