jobdone-shared-files 0.0.1-beta.94 → 0.0.1-beta.96

package/ProjectManagement/projectNavbar.vue

@@ -55,7 +55,7 @@
                             <div class="nav-item navbar-line-item btn nav-link border-0">
                                 <a href="https://docs.jobdone.cc/" target="_blank">
                                     <span class="align-middle">使用指南</span>
-                                    <span class="material-icons icon-18 align-middle text-gray-400">help</span>
+                                    <span class="material-icons icon-18 align-middle icon-help ms-1">help</span>
                                 </a>
                             </div>
                             <div class="nav-item navbar-line-item btn nav-link border-0 dropdown">
@@ -352,4 +352,8 @@
         -webkit-background-clip: text;
         color: transparent;
     }
+
+    .icon-help{
+        color: #c8d1ff;
+    }
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jobdone-shared-files",
-  "version": "0.0.1-beta.94",
+  "version": "0.0.1-beta.96",
   "description": "Shared JS and SCSS for Jobdone Enterprise.",
   "main": "index.js",
   "scripts": {

package/style/scss/Layout/LayoutBase.scss

@@ -50,18 +50,18 @@
     // scrollbar樣式
     // ====================================
     --scrollbar-width: 10px;
-    --scrollbar-hover-color: var(--bs-primary);
 }
 
 [v-cloak]{
     display: none !important;
 }
 
-body,
+html,
 .overflow-auto, .overflow-scroll,
 .overflow-y-auto, .overflow-y-scroll,
 .offcanvas-body, textarea{
     @include scrollbar();
+    transition: $transition-base;
 }
 
 .overflow-x-auto, .overflow-x-scroll, .scrollbar-sm, .table-responsive{
@@ -682,6 +682,9 @@ $list-highlight-border-w: .4rem;
 
 .list-group{
     overflow: hidden;
+    &, > li{
+        list-style-type: none !important;
+    }
     > li{
         position: relative;
     }

package/style/scss/Settings/_Mixins.scss

@@ -55,11 +55,11 @@
 // scrollbar樣式
 // ====================================
 
-// 自訂變數 (--scrollbar-width / --scrollbar-hover-color) 在 "LayoutBase" 中設定
+// 自訂變數 (--scrollbar-width) 在 "LayoutBase" 中設定
 @mixin scrollbar(
-    $background: rgba(var(--bs-emphasis-color-rgb), 0.05),
-    $default-color: rgba(var(--bs-emphasis-color-rgb), 0.2),
-    $hover-color: var(--scrollbar-hover-color),
+    $background: var(--gray-200),
+    $default-color: var(--gray-500),
+    $hover-color: var(--bs-primary),
     $width: var(--scrollbar-width),
     $height: var(--scrollbar-width),
     $border-radius: var(--scrollbar-width),
@@ -69,31 +69,36 @@
     overflow-y: $y;
     overflow-x: $x;
 
-    // for FireFox
-    scrollbar-width: auto;
-    scrollbar-color: $default-color $background;
-
-    &::-webkit-scrollbar {
-        width: $width;
-        height: $height;
-    }
-    &::-webkit-scrollbar,
-    &::-webkit-scrollbar-track {
-        background-color: $background;
-    }
-    &::-webkit-scrollbar-thumb {
-        background-color: $default-color;
-        border-radius: $border-radius;
+    // Chrome 121 / Edge 121 / FireFox
+    @supports (scrollbar-width: auto) {
+        scrollbar-width: auto;
+        scrollbar-color: $default-color $background;
+        &:hover{
+            scrollbar-color: $hover-color $background;
+        }
     }
-    &:hover {
-        // for FireFox
-        scrollbar-color: $hover-color $background;
 
+    @supports selector(::-webkit-scrollbar) {
         &::-webkit-scrollbar-thumb {
+            background-color: $default-color;
             border-radius: $border-radius;
-            background-color: $hover-color;
+        }
+        &::-webkit-scrollbar,
+        &::-webkit-scrollbar-track {
+            background-color: $background;
+        }
+        &::-webkit-scrollbar {
+            width: $width;
+            height: $height;
+        }
+        &:hover {
+            &::-webkit-scrollbar,
+            &::-webkit-scrollbar-thumb {
+                background-color: $hover-color;
+            }
         }
     }
+
 }
 
 // ====================================

package/treeItem.vue

@@ -168,7 +168,7 @@
         .btn-text {
             width: 100%;
             text-align: left;
-            word-break: break-word;
+            overflow-wrap: anywhere;
         }
     }
 
@@ -183,6 +183,7 @@
         input[type="checkbox"], input[type="radio"] {
             position: absolute;
             @include size(0);
+            opacity: 0;
             pointer-events: none;
 
             ~ .btn-title .material-icons:before {