From 4570d114ef5e0462f43e59db6e1b0ce41118a9ce Mon Sep 17 00:00:00 2001
From: Bogomil-Stoyanov <bogi2208@gmail.com>
Date: Thu, 28 Nov 2024 09:22:04 +0200
Subject: [PATCH 1/2] uepr-108:renamed css class

---
 src/components/adminpanel/adminpanel.jsx  | 2 +-
 src/components/adminpanel/adminpanel.scss | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/adminpanel/adminpanel.jsx b/src/components/adminpanel/adminpanel.jsx
index 926a7a4f5..3649348ff 100644
--- a/src/components/adminpanel/adminpanel.jsx
+++ b/src/components/adminpanel/adminpanel.jsx
@@ -11,7 +11,7 @@ const AdminPanel = ({
     onOpen,
     onClose
 }) => (
-    <div className={classNames('admin-panel', className, {hidden: !isOpen})}>
+    <div className={classNames('admin-panel', className, {collapsed: !isOpen})}>
         {isOpen ? (
             <React.Fragment>
                 <span
diff --git a/src/components/adminpanel/adminpanel.scss b/src/components/adminpanel/adminpanel.scss
index 6ca7361bb..d576f7be1 100644
--- a/src/components/adminpanel/adminpanel.scss
+++ b/src/components/adminpanel/adminpanel.scss
@@ -14,7 +14,7 @@
     overflow: scroll;
     text-shadow: none;
 
-    &.hidden {
+    &.collapsed {
         width: 10px;
     }
 

From 118e980d2c44599a89cec1a362f20fe9b3fe9e8a Mon Sep 17 00:00:00 2001
From: Bogomil-Stoyanov <bogi2208@gmail.com>
Date: Thu, 28 Nov 2024 14:43:23 +0200
Subject: [PATCH 2/2] uepr-108:scoped css classname

---
 .../onboarding-navigation/onboarding-navigation.scss      | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/onboarding-navigation/onboarding-navigation.scss b/src/components/onboarding-navigation/onboarding-navigation.scss
index dbfa2e11d..589df0a8b 100644
--- a/src/components/onboarding-navigation/onboarding-navigation.scss
+++ b/src/components/onboarding-navigation/onboarding-navigation.scss
@@ -21,10 +21,6 @@
     }
 }
 
-.hidden{
-    visibility: hidden;
-}
-
 .navigation{
     display: flex;
     width: 100%;
@@ -32,6 +28,10 @@
     align-items: center;
     margin-bottom: 40px;
 
+    .hidden{
+        visibility: hidden;
+    }
+
     .dotRow{
         display: flex;
         justify-content: space-between;