Merge branch 'master' into hunicus/enterprise-cta-docs

frontend/src/app/docs/api-docs/api-docs.component.scss

@@ -157,7 +157,7 @@ ul.no-bull.block-audit code{
   position: fixed;
   top: 80px;
   overflow-y: auto;
-  height: calc(100vh - 50px);
+  height: calc(100vh - 75px);
   scrollbar-color: #2d3348 #11131f;
   scrollbar-width: thin;
 }
@@ -259,13 +259,46 @@ h3 {
 }
 
 .blockchain-wrapper {
-  position: relative;
+  display: block;
+  height: 100%;
   width: 100%;
-  overflow: auto;
-  scrollbar-width: none;
+  min-height: 220px;
+  position: relative;
+  overflow: hidden;
+
+  .position-container {
+    position: absolute;
+    left: 50%;
+    bottom: 150px;
+  }
+
+  #divider {
+    width: 2px;
+    height: 175px;
+    left: 0;
+    top: -40px;
+    position: absolute;
+  }
+
+  &.time-ltr {
+    .blocks-wrapper {
+      transform: scaleX(-1);
+    }
+  }
 }
-.blockchain-wrapper::-webkit-scrollbar {
-  display: none;
+
+:host-context(.ltr-layout) {
+  .blockchain-wrapper.time-ltr .blocks-wrapper,
+  .blockchain-wrapper .blocks-wrapper {
+    direction: ltr;
+  }
+}
+
+:host-context(.rtl-layout) {
+  .blockchain-wrapper.time-ltr .blocks-wrapper,
+  .blockchain-wrapper .blocks-wrapper {
+    direction: rtl;
+  }
 }
 
 #disclaimer {
@@ -395,3 +428,44 @@ h3 {
     margin-bottom: 4rem;
   }
 }
+
+/* styles for nested definition lists */
+dl {
+  margin: 0;
+  padding: 0;
+}
+
+dt {
+  font-weight: bold;
+  color: #4a68b9;
+  padding: 5px 0;
+}
+
+dd {
+  padding: 2px 0;
+
+  & > dl {
+    padding-left: 1em;
+    border-left: 2px solid #4a68b9;
+    margin-left: 1em;
+    margin-top: 5px;
+  }
+
+  & > dl > dt {
+    display: inline;
+    font-weight: normal;
+    color: #e83e8c;
+    font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New;
+    text-transform: uppercase;
+
+    &:before {
+      content: "";
+      display: block;
+    }
+  }
+
+  & > dl > dd {
+    display: inline;
+    margin-left: 1em;
+  }
+}