New css for gcx-full

Author: edwini

src/css/helios-gcx.css

@@ -169,10 +169,6 @@ ul#ds_sites_list li a:active {
     padding-right: 0;
 }
 
-.navbar-brand img {
-    height: 40px;
-}
-
 .toolbar {
     position: unset;
     top: unset;
@@ -324,7 +320,9 @@ feedback-stars {
     font-size: 21px;
     font-weight: 700;
     padding: 0;
+    margin: 0;
     padding-bottom: 12px!important;
+    cursor: pointer;
 }
 
 .doc .sidebarblock {
@@ -341,10 +339,69 @@ feedback-stars {
     margin: 0 0 0 2em;
 }
 
+.enlighter-default {
+    margin: 0!important;
+}
+
+gcx-full-code {
+    border: 1px solid #CED4DF;
+    -ms-overflow-style: none;
+    /* for Internet Explorer, Edge */
+    scrollbar-width: none;
+    /* for Firefox */
+    overflow-y: scroll;
+}
+
+gcx-full-code::-webkit-scrollbar {
+    display: none;
+    /* for Chrome, Safari, and Opera */
+}
+
+.full-articles .doc {
+    -ms-overflow-style: none;
+    /* for Internet Explorer, Edge */
+    scrollbar-width: none;
+    /* for Firefox */
+    overflow-y: scroll;
+    padding: 0;
+}
+
+.full-articles .doc::-webkit-scrollbar {
+    display: none;
+    /* for Chrome, Safari, and Opera */
+}
+
 schema#gcx-schema {
     display: none;
 }
 
+.doc .sect1 {
+    margin-top: 1rem;
+    padding: 0 0 0 20px;
+}
+
+.doc .paragraph {
+    padding: 0 1rem;
+}
+
+.doc .sect1.active {
+    background-color: #eceef0;
+    padding: 20px 0 20px 20px;
+    border-top-left-radius: 6px;
+    border-bottom-left-radius: 6px;
+    border-width: 1px 0px 1px 1px;
+    border-style: solid;
+    margin-top: 1rem;
+    border-color: var(--section-divider-color);
+}
+
+.doc .sect1.active h2:after {
+    content: url(../img/small-arrow-right.svg);
+    margin: 0 10px;
+    float: right;
+    text-decoration: none;
+}
+
 .full-articles {
     flex: 0 1 50%;
 }
@@ -864,4 +921,90 @@ label.switch_label:after {
 
 .dark-mode .helios-text-field-label {
     color: var(--white);
+}
+
+.navbar-brand img {
+    height: 40px;
+}
+
+
+/* Right Block - Code */
+
+.enlighter-default {
+    font-family: 'Roboto Mono', monospace!important;
+}
+
+.enlighter-t-bootstrap4 .enlighter-m0 {
+    color: #8A3FFC!important;
+}
+
+.enlighter-t-bootstrap4 .enlighter-m3 {
+    color: #8A3FFC!important;
+}
+
+.enlighter-t-bootstrap4 .enlighter-k0 {
+    color: #007D79!important;
+}
+
+.enlighter-t-bootstrap4 .enlighter-text {
+    color: #3C4961!important;
+}
+
+.enlighter-t-bootstrap4 .enlighter-s0 {
+    color: #0072C3!important;
+}
+
+.enlighter-t-bootstrap4 .enlighter-n1 {
+    color: #BA4E00!important;
+}
+
+
+/* Dark Mode - Code Block */
+
+.dark-mode .enlighter-t-bootstrap4 {
+    background-color: #3C4961!important;
+}
+
+.dark-mode .enlighter-t-bootstrap4 .enlighter-text {
+    color: #ffffff!important;
+}
+
+.dark-mode .enlighter-t-bootstrap4 .enlighter-m0 {
+    color: #BE95FF!important;
+}
+
+.dark-mode .enlighter-t-bootstrap4 .enlighter-m3 {
+    color: #BE95FF!important;
+}
+
+.dark-mode .enlighter-t-bootstrap4 .enlighter-k0 {
+    color: #08BDBA!important;
+}
+
+.dark-mode .enlighter-t-bootstrap4 .enlighter-s0 {
+    color: #33B1FF!important;
+}
+
+.dark-mode .enlighter-t-bootstrap4 .enlighter-k1 {
+    color: #3797f0!important;
+}
+
+.dark-mode .enlighter-t-bootstrap4 .enlighter-n1 {
+    color: #FF832B!important;
+}
+
+.dark-mode .enlighter-t-bootstrap4 .enlighter-k5 {
+    color: #ffffff;
+}
+
+.dark-mode .doc .sect1.active {
+    background-color: #20293A!important;
+}
+
+.dark-mode .doc .sect1.active {
+    background-color: #20293A!important;
+}
+
+.dark-mode .enlighter-t-bootstrap4 div.enlighter>div.enlighter-special {
+    background-color: #20293A!important;
 }

src/js/vendor/two-columns/p-a4310a69.entry.js

@@ -1,3 +1,6 @@
     <link rel="stylesheet" href="{{{uiRootPath}}}/css/site.css">
     <link rel="stylesheet" href="{{{uiRootPath}}}/js/lib/enlighterjs.min.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css" /> 
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">

src/js/vendor/two-columns/p-fe1bc969.entry.js

@@ -1,4 +1,10 @@
-<script>window.intercomSettings = {app_id: "j838b4xj"};</script>
+<script>
+window.intercomSettings = {
+    app_id: "j838b4xj",
+    api_base: https://api-iam.intercom.io
+  };
+</script>
+
 
 <script>// We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/bpbxnnmr'
     (function(){
@@ -21,7 +27,7 @@
                 var s=d.createElement('script');
                 s.type='text/javascript';
                 s.async=true;
-                s.src='https://widget.intercom.io/widget/bpbxnnmr';
+                s.src='https://widget.intercom.io/widget/j838b4xj';
                 var x=d.getElementsByTagName('script')[0];
                 x.parentNode.insertBefore(s,x);
             };