From 6f264dd698608fda821bfbb1dd5fa8b573c16c21 Mon Sep 17 00:00:00 2001
From: deaflynx <deaflynx@gmail.com>
Date: Fri, 15 Sep 2023 17:42:04 +0300
Subject: [PATCH] Edge instructions css optimization

---
 .../edge-instructions-dialog.component.scss   | 61 ++++++++-----------
 1 file changed, 26 insertions(+), 35 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.scss b/ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.scss
index 092f3c6408..54dc438011 100644
--- a/ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.scss
+++ b/ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.scss
@@ -14,11 +14,8 @@
  * limitations under the License.
  */
 
-@use '@angular/material' as mat;
 @import "../../../../../scss/constants";
-@import '../theme.scss';
 
-$tb-primary: mat.get-color-from-palette($tb-primary);
 :host {
   height: 100%;
   max-height: 100vh;
@@ -74,37 +71,34 @@ $tb-primary: mat.get-color-from-palette($tb-primary);
 :host ::ng-deep {
   .tb-markdown-view {
     padding: 16px 16px 32px 16px;
-    div.code-wrapper button.clipboard-btn {
-      right: -2px !important;
-      p {
-        color: $tb-primary !important;
-      }
-      p, div {
-        background-color: unset !important;
-      }
-      div {
-        img {
-          display: none;
+    div {
+      background-color: #F3F6FA;
+      &.code-wrapper button.clipboard-btn {
+        right: -2px !important;
+        p {
+          color: $tb-primary-color !important;
         }
-        &:after {
-          content: "";
-          position: initial;
-          display: block;
-          width: 18px;
-          height: 18px;
-          background: $tb-primary;
-          mask-image: url(/assets/copy-code-icon.svg);
-          mask-repeat: no-repeat;
+        p, div {
+          background-color: unset !important;
         }
-      }
-      a {
-        color: $tb-primary;
-        &:hover {
-          color: $tb-primary;
+        div {
+          img {
+            display: none;
+          }
+          &:after {
+            content: "";
+            position: initial;
+            display: block;
+            width: 18px;
+            height: 18px;
+            background: $tb-primary-color;
+            mask-image: url(/assets/copy-code-icon.svg);
+            mask-repeat: no-repeat;
+          }
+        }
+        &.multiline {
+          right: -2px !important;
         }
-      }
-      &.multiline {
-        right: -2px !important;
       }
     }
     & > *:not(ul) {
@@ -112,10 +106,7 @@ $tb-primary: mat.get-color-from-palette($tb-primary);
       padding-left: unset !important;
     }
     pre[class*="language-"] {
-      border: 1px solid $tb-primary !important;
-    }
-    div {
-      background-color: #F3F6FA;
+      border: 1px solid $tb-primary-color !important;
     }
   }
   .mdc-button__label > span {