Fix RadzenTabs mobile scrolling with broader CSS selectors

Author: nickprotop

cloud/src/LrmCloud.Web/wwwroot/css/app.css

@@ -1458,20 +1458,35 @@ ul.rz-profile-menu > li > ul.rz-navigation-menu {
     }
 
     /* Make tabs scrollable on mobile */
-    .rz-tabs .rz-tabview-nav {
+    .rz-tabs .rz-tabview-nav,
+    .rz-tabview .rz-tabview-nav,
+    .rz-tabview-nav {
         overflow-x: auto !important;
         flex-wrap: nowrap !important;
         -webkit-overflow-scrolling: touch;
         scrollbar-width: none; /* Firefox */
         -ms-overflow-style: none; /* IE/Edge */
+        max-width: 100%;
     }
 
-    .rz-tabs .rz-tabview-nav::-webkit-scrollbar {
+    .rz-tabs .rz-tabview-nav::-webkit-scrollbar,
+    .rz-tabview .rz-tabview-nav::-webkit-scrollbar,
+    .rz-tabview-nav::-webkit-scrollbar {
         display: none; /* Chrome/Safari */
     }
 
-    .rz-tabs .rz-tabview-nav li {
+    .rz-tabs .rz-tabview-nav li,
+    .rz-tabview .rz-tabview-nav li,
+    .rz-tabview-nav li {
         flex-shrink: 0;
+        white-space: nowrap;
+    }
+
+    /* Radzen tabs container */
+    .rz-tabview,
+    .rz-tabs {
+        max-width: 100%;
+        overflow: hidden;
     }
 }