From 61d60f9fa537f408c0f089f6839020313aad4afb Mon Sep 17 00:00:00 2001
From: Maksym Tsymbarov <mtsymbarov@thingsboard.io>
Date: Thu, 20 Aug 2026 10:09:38 +0200
Subject: [PATCH] Moved CSS to SCSS

---
 ui-ngx/src/styles.scss | 42 ++++++++++++++++++++++--------------------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/ui-ngx/src/styles.scss b/ui-ngx/src/styles.scss
index e03328cbea..d70c11bbd2 100644
--- a/ui-ngx/src/styles.scss
+++ b/ui-ngx/src/styles.scss
@@ -1235,28 +1235,30 @@ pre.tb-highlight {
     }
   }
 
-  .tox-tiered-menu .tox-menu {
-    width: fit-content;
-    max-width: min(80%, 440px);
-    @media screen and (max-width: 510px) {
-      max-width: calc(100% - 64px);
-    }
-    @media screen and (min-width: 511px) and (max-width: 548px) {
-      max-width: calc(100% - 84px);
-    }
-    @media screen and (min-width: 549px) and (max-width: 599px) {
-      max-width: calc(100% - 104px);
-    }
-  }
+  .tox-tiered-menu {
+    .tox-menu {
+      width: fit-content;
+      max-width: min(80%, 440px);
+      @media screen and (max-width: 510px) {
+        max-width: calc(100% - 64px);
+      }
+      @media screen and (min-width: 511px) and (max-width: 548px) {
+        max-width: calc(100% - 84px);
+      }
+      @media screen and (min-width: 549px) and (max-width: 599px) {
+        max-width: calc(100% - 104px);
+      }
 
-  .tox-tiered-menu .tox-menu .tox-collection__item-label {
-    word-break: normal;
-  }
+      .tox-collection__item-label {
+        word-break: normal;
+      }
+    }
 
-  @media screen and (max-width: 890px) {
-    .tox-tiered-menu > .tox-collection--list:not(:first-child) {
-      left: auto !important;
-      right: 0 !important;
+    > .tox-collection--list:not(:first-child) {
+      @media screen and (max-width: 890px) {
+        left: auto !important;
+        right: 0 !important;
+      }
     }
   }