fixed rwd

Author: kamilszewczyk0

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

@@ -1,12 +1,12 @@
 #toc {
   display: flex;
   flex-direction: column;
-  padding: 0 calc(1 * var(--base-spacing));
-  width: calc(29 * var(--base-spacing));
+  margin-left: calc(6 * var(--base-spacing));
+  width: 232px;
 }
 
 #toc-container {
-  position: absolute;
+  width: 232px;
 }
 
 #toc ul {
@@ -34,7 +34,7 @@
   }
 }
 
-@media (max-width: 1436px) {
+@media (max-width: 1467px) {
   #toc {
     margin-left: calc(8.5 * var(--base-spacing));
     margin-right: calc(8.5 * var(--base-spacing));
@@ -57,11 +57,6 @@
 }
 
 @media (max-width: 1024px) {
-  #toc {
-    margin-left: calc(6 * var(--base-spacing));
-    margin-right: 0;
-  }
-
   #toc.sidebar-shown {
     display: none;
   }

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

@@ -8,8 +8,13 @@
   display: flex;
   flex-flow: row;
   color: var(--text-primary);
+  -webkit-transition: width 0.3s ease-in-out;
+  -moz-transition: width 0.3s ease-in-out;
+  -o-transition: width 0.3s ease-in-out;
+  transition: width 0.3s ease-in-out;
 }
 
+
 #content > div:first-child {
   overflow: clip;
 }
@@ -44,7 +49,7 @@
   }
 }
 
-@media (max-width: 1436px) {
+@media (max-width: 1467px) {
   #content {
     margin-left: 0;
     width: calc(100% - calc(56 * var(--base-spacing)));

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

@@ -24,6 +24,7 @@
 @media (max-width: 1024px) {
   #leftColumn {
     left: calc(-39 * var(--base-spacing));
+    transition: right 0.2s linear;
   }
 
   #leftColumn.show {