jobdone-shared-files 0.0.1-beta.93 → 0.0.1-beta.95

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/ProjectManagement/projectNavbar.vue +5 -1
  2. package/package.json +1 -1
  3. package/style/scss/Layout/LayoutBase.scss +15 -1
  4. package/style/scss/Settings/_Mixins.scss +27 -22
  5. package/style/scss/Settings/_custom-variables.scss +0 -10
  6. package/treeItem.vue +2 -1
package/ProjectManagement/projectNavbar.vue CHANGED
@@ -55,7 +55,7 @@
55
55
  <div class="nav-item navbar-line-item btn nav-link border-0">
56
56
  <a href="https://docs.jobdone.cc/" target="_blank">
57
57
  <span class="align-middle">使用指南</span>
58
- <span class="material-icons icon-18 align-middle text-gray-400">help</span>
58
+ <span class="material-icons icon-18 align-middle icon-help ms-1">help</span>
59
59
  </a>
60
60
  </div>
61
61
  <div class="nav-item navbar-line-item btn nav-link border-0 dropdown">
@@ -352,4 +352,8 @@
352
352
  -webkit-background-clip: text;
353
353
  color: transparent;
354
354
  }
355
+
356
+ .icon-help{
357
+ color: #c8d1ff;
358
+ }
355
359
  </style>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jobdone-shared-files",
3
- "version": "0.0.1-beta.93",
3
+ "version": "0.0.1-beta.95",
4
4
  "description": "Shared JS and SCSS for Jobdone Enterprise.",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/style/scss/Layout/LayoutBase.scss CHANGED
@@ -43,15 +43,26 @@
43
43
  }
44
44
 
45
45
  // general ------------------------------------------
46
+ :root{
47
+ --backdrop-blur: blur(2px);
48
+
49
+ // ====================================
50
+ // scrollbar樣式
51
+ // ====================================
52
+ --scrollbar-width: 10px;
53
+ --scrollbar-hover-color: var(--bs-primary);
54
+ }
55
+
46
56
  [v-cloak]{
47
57
  display: none !important;
48
58
  }
49
59
 
50
- body,
60
+ html,
51
61
  .overflow-auto, .overflow-scroll,
52
62
  .overflow-y-auto, .overflow-y-scroll,
53
63
  .offcanvas-body, textarea{
54
64
  @include scrollbar();
65
+ transition: $transition-base;
55
66
  }
56
67
 
57
68
  .overflow-x-auto, .overflow-x-scroll, .scrollbar-sm, .table-responsive{
@@ -672,6 +683,9 @@ $list-highlight-border-w: .4rem;
672
683
 
673
684
  .list-group{
674
685
  overflow: hidden;
686
+ &, > li{
687
+ list-style-type: none !important;
688
+ }
675
689
  > li{
676
690
  position: relative;
677
691
  }
package/style/scss/Settings/_Mixins.scss CHANGED
@@ -55,10 +55,10 @@
55
55
  // scrollbar樣式
56
56
  // ====================================
57
57
 
58
- // 變數在 "_custom-variables.scss" 中設定
58
+ // 自訂變數 (--scrollbar-width / --scrollbar-hover-color) 在 "LayoutBase" 中設定
59
59
  @mixin scrollbar(
60
- $background: rgba(var(--bs-emphasis-color-rgb), 0.05),
61
- $default-color: rgba(var(--bs-emphasis-color-rgb), 0.2),
60
+ $background: var(--gray-200),
61
+ $default-color: var(--gray-500),
62
62
  $hover-color: var(--scrollbar-hover-color),
63
63
  $width: var(--scrollbar-width),
64
64
  $height: var(--scrollbar-width),
@@ -69,31 +69,36 @@
69
69
  overflow-y: $y;
70
70
  overflow-x: $x;
71
71
 
72
- // for FireFox
73
- scrollbar-width: auto;
74
- scrollbar-color: $default-color $background;
75
-
76
- &::-webkit-scrollbar {
77
- width: $width;
78
- height: $height;
79
- }
80
- &::-webkit-scrollbar,
81
- &::-webkit-scrollbar-track {
82
- background-color: $background;
83
- }
84
- &::-webkit-scrollbar-thumb {
85
- background-color: $default-color;
86
- border-radius: $border-radius;
72
+ // Chrome 121 / Edge 121 / FireFox
73
+ @supports (scrollbar-width: auto) {
74
+ scrollbar-width: auto;
75
+ scrollbar-color: $default-color $background;
76
+ &:hover{
77
+ scrollbar-color: $hover-color $background;
78
+ }
87
79
  }
88
- &:hover {
89
- // for FireFox
90
- scrollbar-color: $hover-color $background;
91
80
 
81
+ @supports selector(::-webkit-scrollbar) {
92
82
  &::-webkit-scrollbar-thumb {
83
+ background-color: $default-color;
93
84
  border-radius: $border-radius;
94
- background-color: $hover-color;
85
+ }
86
+ &::-webkit-scrollbar,
87
+ &::-webkit-scrollbar-track {
88
+ background-color: $background;
89
+ }
90
+ &::-webkit-scrollbar {
91
+ width: $width;
92
+ height: $height;
93
+ }
94
+ &:hover {
95
+ &::-webkit-scrollbar,
96
+ &::-webkit-scrollbar-thumb {
97
+ background-color: $hover-color;
98
+ }
95
99
  }
96
100
  }
101
+
97
102
  }
98
103
 
99
104
  // ====================================
package/style/scss/Settings/_custom-variables.scss CHANGED
@@ -8,13 +8,3 @@ $zindex-max: 2000 !default;
8
8
 
9
9
 
10
10
  $table-danger-bg: lighten($danger, 42%);
11
-
12
- :root{
13
- --backdrop-blur: blur(2px);
14
-
15
- // ====================================
16
- // scrollbar樣式
17
- // ====================================
18
- --scrollbar-width: 10px;
19
- --scrollbar-hover-color: var(--bs-primary);
20
- }
package/treeItem.vue CHANGED
@@ -168,7 +168,7 @@
168
168
  .btn-text {
169
169
  width: 100%;
170
170
  text-align: left;
171
- word-break: break-word;
171
+ overflow-wrap: anywhere;
172
172
  }
173
173
  }
174
174
 
@@ -183,6 +183,7 @@
183
183
  input[type="checkbox"], input[type="radio"] {
184
184
  position: absolute;
185
185
  @include size(0);
186
+ opacity: 0;
186
187
  pointer-events: none;
187
188
 
188
189
  ~ .btn-title .material-icons:before {