jobdone-shared-files 0.0.1-beta.64 → 0.0.1-beta.65

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/README.md +5 -6
  2. package/lightboxWithOverview.vue +1 -1
  3. package/package.json +1 -1
  4. package/style/scss/Layout/LayoutBase.scss +7 -1
  5. package/style/scss/Settings/_custom-variables.scss +5 -1
  6. package/vueLoadingOverlay.vue +3 -0
package/README.md CHANGED
@@ -34,12 +34,11 @@
34
34
  用法說明 `("isLoading" => 自定義變數)` ：
35
35
  | 步驟 | 說明 | 範例 |
36
36
  |------|-------------------|----------------------------------------------|
37
- | 1. | npm install | `npm install vue-loading-overlay@^6.0` |
38
- | 2. | 在js或.vue中import | `import Loading from "本檔案位置"` |
39
- | 3. | 畫面中放上Component | `<Loading :is-active="isLoading"></Loading>` |
40
- | 4. | loading 初始化 | `const isLoading = ref(false);` |
41
- | 5. | 開啟loading | `isLoading.value = true;` |
42
- | 6. | 關閉loading | `isLoading.value = false;` |
37
+ | 1. | 在js或.vue中import | `import Loading from "../../node_modules/jobdone-shared-files/vueLoadingOverlay.vue";` |
38
+ | 2. | 畫面中放上Component | `<Loading :is-active="isLoading"></Loading>` |
39
+ | 3. | loading 初始化 | `const isLoading = ref(false);` |
40
+ | 4. | 開啟loading | `isLoading.value = true;` |
41
+ | 5. | 關閉loading | `isLoading.value = false;` |
43
42
 
44
43
 
45
44
 
package/lightboxWithOverview.vue CHANGED
@@ -82,7 +82,7 @@
82
82
  }
83
83
 
84
84
  .vel-modal{
85
- backdrop-filter: blur(2px);
85
+ backdrop-filter: var(--backdrop-blur);
86
86
  }
87
87
 
88
88
  .lightbox-thumbnail-toolbar .thumbnail-content{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jobdone-shared-files",
3
- "version": "0.0.1-beta.64",
3
+ "version": "0.0.1-beta.65",
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
@@ -597,7 +597,7 @@ th, td{
597
597
 
598
598
  // modal ------------------------------------------
599
599
  .modal{
600
- backdrop-filter: blur(2px);
600
+ backdrop-filter: var(--backdrop-blur);
601
601
  }
602
602
 
603
603
  .modal-md{
@@ -977,6 +977,12 @@ a.navbar-line-item{
977
977
 
978
978
 
979
979
  // sweet alert ------------------------------------------
980
+ .swal2-container{
981
+ .swal2-backdrop-show, .swal2-noanimation{
982
+ backdrop-filter: var(--backdrop-blur);
983
+ }
984
+ }
985
+
980
986
  div:where(.swal2-container){
981
987
  .swal2-html-container{
982
988
  font-size: 1rem !important;
package/style/scss/Settings/_custom-variables.scss CHANGED
@@ -7,4 +7,8 @@ $primary-sub-highlight: rgba(var(--bs-link-color-rgb), .5);
7
7
  $zindex-max: 2000 !default;
8
8
 
9
9
 
10
- $table-danger-bg: lighten($danger, 42%);
10
+ $table-danger-bg: lighten($danger, 42%);
11
+
12
+ :root{
13
+ --backdrop-blur: blur(3px);
14
+ }
package/vueLoadingOverlay.vue CHANGED
@@ -65,4 +65,7 @@ export default {
65
65
  </script>
66
66
  <style lang="scss">
67
67
  @import './style/css/vue-loading-overlay/index.css';
68
+ .vl-overlay{
69
+ backdrop-filter: var(--backdrop-blur);
70
+ }
68
71
  </style>