daisyui 1.22.1 → 1.22.2

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 (10) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.md +1 -1
  3. package/dist/full.css +30 -23
  4. package/dist/styled.css +10 -0
  5. package/dist/styled.js +1 -1
  6. package/dist/styled.rtl.js +1 -1
  7. package/dist/unstyled.css +4 -0
  8. package/dist/unstyled.js +1 -1
  9. package/dist/unstyled.rtl.js +1 -1
  10. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,13 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4
4
 
5
+ ### [1.22.2](https://github.com/saadeghi/daisyui/compare/v1.22.1...v1.22.2) (2022-01-12)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * [#321](https://github.com/saadeghi/daisyui/issues/321) (modal overscroll-behavior) ([fc5000e](https://github.com/saadeghi/daisyui/commit/fc5000e8996f2a9d1a7a5971400f119494ebe1c7))
11
+
5
12
  ### [1.22.1](https://github.com/saadeghi/daisyui/compare/v1.22.0...v1.22.1) (2022-01-12)
6
13
 
7
14
 
package/README.md CHANGED
@@ -79,7 +79,7 @@ Loading CSS files from CDN is not recommended for production. It's better to ins
79
79
 
80
80
 
81
81
  ```html
82
- <link href="https://cdn.jsdelivr.net/npm/daisyui@1.22.0/dist/full.css" rel="stylesheet" type="text/css" />
82
+ <link href="https://cdn.jsdelivr.net/npm/daisyui@1.22.1/dist/full.css" rel="stylesheet" type="text/css" />
83
83
  <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2/dist/tailwind.min.css" rel="stylesheet" type="text/css" />
84
84
  ```
85
85
 
package/dist/full.css CHANGED
@@ -2177,6 +2177,9 @@ html{
2177
2177
  transition-duration:.15s;
2178
2178
  transition-duration:.2s;
2179
2179
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
2180
+ overflow-y:hidden;
2181
+ -ms-scroll-chaining:none;
2182
+ overscroll-behavior:contain;
2180
2183
  }
2181
2184
 
2182
2185
  @media (min-width:640px){
@@ -2196,6 +2199,33 @@ html{
2196
2199
  }
2197
2200
  }
2198
2201
 
2202
+ .modal-box{
2203
+ max-height:calc(100vh - 5em);
2204
+ --tw-bg-opacity:1;
2205
+ background-color:hsla(var(--b1) / var(--tw-bg-opacity, 1));
2206
+ padding:1.5rem;
2207
+ width:100%;
2208
+ --tw-translate-x:0;
2209
+ --tw-translate-y:0;
2210
+ --tw-translate-y:2.5rem;
2211
+ --tw-rotate:0;
2212
+ --tw-skew-x:0;
2213
+ --tw-skew-y:0;
2214
+ --tw-scale-x:1;
2215
+ --tw-scale-y:1;
2216
+ transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2217
+ transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
2218
+ transition-duration:.15s;
2219
+ transition-duration:.2s;
2220
+ transition-timing-function:cubic-bezier(.4, 0, .2, 1);
2221
+ border-top-left-radius:var(--rounded-box, 1rem);
2222
+ border-top-right-radius:var(--rounded-box, 1rem);
2223
+ box-shadow:0 25px 50px -12px rgba(0, 0, 0, .25);
2224
+ overflow-y:auto;
2225
+ -ms-scroll-chaining:none;
2226
+ overscroll-behavior:contain;
2227
+ }
2228
+
2199
2229
  .modal-open,.modal-toggle:checked+.modal,.modal:target{
2200
2230
  opacity:1;
2201
2231
  pointer-events:auto;
@@ -3944,29 +3974,6 @@ html{
3944
3974
  margin-top:-25px;
3945
3975
  }
3946
3976
 
3947
- .modal-box{
3948
- --tw-bg-opacity:1;
3949
- background-color:hsla(var(--b1) / var(--tw-bg-opacity, 1));
3950
- padding:1.5rem;
3951
- width:100%;
3952
- --tw-translate-x:0;
3953
- --tw-translate-y:0;
3954
- --tw-translate-y:2.5rem;
3955
- --tw-rotate:0;
3956
- --tw-skew-x:0;
3957
- --tw-skew-y:0;
3958
- --tw-scale-x:1;
3959
- --tw-scale-y:1;
3960
- transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3961
- transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
3962
- transition-duration:.15s;
3963
- transition-duration:.2s;
3964
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
3965
- border-top-left-radius:var(--rounded-box, 1rem);
3966
- border-top-right-radius:var(--rounded-box, 1rem);
3967
- box-shadow:0 25px 50px -12px rgba(0, 0, 0, .25);
3968
- }
3969
-
3970
3977
  .modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box{
3971
3978
  --tw-scale-x:1;
3972
3979
  --tw-scale-y:1;
package/dist/styled.css CHANGED
@@ -818,6 +818,10 @@
818
818
  z-index:999;
819
819
  }
820
820
 
821
+ .modal-box{
822
+ max-height:calc(100vh - 5em);
823
+ }
824
+
821
825
  .modal-open,.modal-toggle:checked+.modal,.modal:target{
822
826
  opacity:1;
823
827
  pointer-events:auto;
@@ -2499,6 +2503,9 @@
2499
2503
  transition-duration:.15s;
2500
2504
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
2501
2505
  transition-duration:.2s;
2506
+ overflow-y:hidden;
2507
+ -ms-scroll-chaining:none;
2508
+ overscroll-behavior:contain;
2502
2509
  }
2503
2510
 
2504
2511
  .modal-box{
@@ -2536,6 +2543,9 @@
2536
2543
 
2537
2544
  .modal-box{
2538
2545
  box-shadow:0 25px 50px -12px rgba(0, 0, 0, .25);
2546
+ overflow-y:auto;
2547
+ -ms-scroll-chaining:none;
2548
+ overscroll-behavior:contain;
2539
2549
  }
2540
2550
 
2541
2551
  .modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box{