fix(scrollbar): fix robot plugin scrollbar hide almost all scrollbar bug

packages/plugins/robot/src/Main.vue

@@ -29,7 +29,7 @@
         </template>
       </tiny-dropdown>
     </header>
-    <article class="chat-window" id="chatgpt-window">
+    <article class="chat-window lowcode-scrollbar-hide" id="chatgpt-window">
       <tiny-layout>
         <tiny-row
           v-for="(item, index) in activeMessages"
@@ -390,8 +390,6 @@ export default {
 .chat-window {
   max-height: 400px;
   overflow: scroll;
-  scrollbar-width: none; /* Firefox */
-  -ms-overflow-style: none; /* IE 10+ */
   .chat-avatar-wrap {
     width: 46px;
     .chat-avatar {
@@ -437,9 +435,6 @@ export default {
   color: var(--ti-lowcode-chat-model-ai-fail-text);
 }
 
-::-webkit-scrollbar {
-  display: none; /* Chrome Safari */
-}
 .chat-tips {
   text-align: right;
   font-size: 12px;

packages/settings/design/src/App.vue

@@ -140,12 +140,17 @@ body {
   --base-top-panel-height: 35px;
   --base-bottom-panel-height: 30px;
   --base-nav-panel-width: 40px;
-  scrollbar-color: rgba(0, 0, 0, 0.1) #fff;
-  scrollbar-width: thin;
   -webkit-font-smoothing: subpixel-antialiased;
   background: #f9f9f9;
 }
 
+@supports not selector(::webkit-scrollbar) {
+  body {
+    scrollbar-color: rgba(0, 0, 0, 0.1) #fff;
+    scrollbar-width: thin;
+  }
+}
+
 ol,
 ul {
   list-style: none;

packages/theme/common/base.less

@@ -72,3 +72,23 @@ td {
   -webkit-line-clamp: var(--ellipsis-line, 2);
   -webkit-box-orient: vertical;
 }
+
+// support for not webkit browser and won't override ::webkit-scrollbar-* selector
+@supports not selector(::-webkit-scrollbar) {
+  body {
+    * {
+      scrollbar-width: thin;
+      scrollbar-color: #dbdbdb transparent;
+    }
+  }
+
+  .lowcode-scrollbar-hide {
+    scrollbar-width: none;
+  }
+}
+
+.lowcode-scrollbar-hide {
+  &::-webkit-scrollbar {
+    display: none;
+  }    
+}