From 241a1697f6739e13b767db7b53a8541b9a8d118d Mon Sep 17 00:00:00 2001
From: Artem Dzhereleiko <Dgerik2015@gmail.com>
Date: Mon, 18 Sep 2023 15:46:33 +0300
Subject: [PATCH 1/2] UI: Fixed toggle node library button for safari

---
 .../modules/home/pages/rulechain/rulechain-page.component.html  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.html b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.html
index 6911558ad4..0649c92ac9 100644
--- a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.html
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.html
@@ -159,7 +159,7 @@
             </tb-rule-node-link>
           </tb-details-panel>
         </mat-drawer>
-        <mat-drawer-content class="tb-rulechain-graph-content">
+        <mat-drawer-content class="tb-rulechain-graph-content" style="z-index: 0;">
           <button color="primary"
                   mat-mini-fab
                   class="tb-library-node-btn"

From d5c478d0a07c760916e3e9e666b5f8bc344c0b69 Mon Sep 17 00:00:00 2001
From: Artem Dzhereleiko <Dgerik2015@gmail.com>
Date: Tue, 19 Sep 2023 11:29:49 +0300
Subject: [PATCH 2/2] UI: Refactoring

---
 .../modules/home/pages/rulechain/rulechain-page.component.html  | 2 +-
 .../modules/home/pages/rulechain/rulechain-page.component.scss  | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.html b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.html
index 0649c92ac9..6911558ad4 100644
--- a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.html
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.html
@@ -159,7 +159,7 @@
             </tb-rule-node-link>
           </tb-details-panel>
         </mat-drawer>
-        <mat-drawer-content class="tb-rulechain-graph-content" style="z-index: 0;">
+        <mat-drawer-content class="tb-rulechain-graph-content">
           <button color="primary"
                   mat-mini-fab
                   class="tb-library-node-btn"
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.scss b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.scss
index db8d6322f3..636bfc5ffb 100644
--- a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.scss
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.scss
@@ -173,6 +173,7 @@
   }
   .mat-drawer-content.tb-rulechain-graph-content {
     overflow: hidden;
+    z-index: 0;
     .tb-rulechain-graph {
       z-index: 0;
       overflow: auto;