unpoly-rails 3.1.1 → 3.2.1

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: f73e8736c31bc9b8dd4c7d575d2a3a9b7b295dd0198204f01ce8f7d5889a3910
4
- data.tar.gz: 80ce8d19ef2ab72192e65550c94ff5cd6ced43226a8de2b65e8227724e692926
3
+ metadata.gz: 79a9c4869d0ec45ad05907ff229067ef43891b59936aa069fd58551c673e3a77
4
+ data.tar.gz: 89fe1f52966c22a19f7bf57db742ca1a0c14362f39a5755556be18e5d2af8c6c
5
5
  SHA512:
6
- metadata.gz: dcca4fcd163de76a334441b9434f736d916696ea593b5af9c8c3e9f9a47808c39717f71ecde3bfabc8de567423a946c6adbd4494de9157e54047e7b54932a19c
7
- data.tar.gz: 3fd5f854514d18654951e4c7244047997412d70f483e98a31915486240287983a33b997c84c7f9f8ec7731c0fbf51498c93a62909a0555d6d58b509752df39a7
6
+ metadata.gz: 56e2152fe2c5c83d18ea818127d10abbb951649a134d54ecfe8905d8e97580fa9961f026fce11cff3f3ec835ab0d4eecb9755e1ed4131c1ceb0c93deb28062da
7
+ data.tar.gz: b50e4f53131c9a1cbd5efa0a219dc3272a7bfd3aeae1404510b38724fdbc9e9af314e3e5655d1f0a2ec2e32c0e90a438388c36eb04df73a7816c3e1d53cf6df4
data/README.md CHANGED
@@ -494,7 +494,7 @@ What you still need to do manually
494
494
 
495
495
  ### Failed form submissions must return a non-200 status code
496
496
 
497
- Unpoly lets you submit forms via AJAX by using the [`form[up-follow]`](https://unpoly.com/form-up-submit) selector or [`up.submit()`](https://unpoly.com/up.submit) function.
497
+ Unpoly lets you submit forms via AJAX by using the [`form[up-submit]`](https://unpoly.com/form-up-submit) selector or [`up.submit()`](https://unpoly.com/up.submit) function.
498
498
 
499
499
  For Unpoly to be able to detect a failed form submission,
500
500
  the form must be re-rendered with a non-200 HTTP status code.
@@ -6,5 +6,5 @@ up-popup .container,
6
6
  up-popup .container-fluid {
7
7
  padding-left: 0;
8
8
  padding-right: 0;
9
- max-width: none; }
10
-
9
+ max-width: none;
10
+ }
@@ -1,2 +1 @@
1
1
  up-modal .container,up-modal .container-fluid,up-drawer .container,up-drawer .container-fluid,up-popup .container,up-popup .container-fluid{padding-left:0;padding-right:0;max-width:none}
2
-
@@ -6,5 +6,5 @@ up-popup .container,
6
6
  up-popup .container-fluid {
7
7
  padding-left: 0;
8
8
  padding-right: 0;
9
- max-width: none; }
10
-
9
+ max-width: none;
10
+ }
@@ -1,2 +1 @@
1
1
  up-modal .container,up-modal .container-fluid,up-drawer .container,up-drawer .container-fluid,up-popup .container,up-popup .container-fluid{padding-left:0;padding-right:0;max-width:none}
2
-
@@ -6,5 +6,5 @@ up-popup .container,
6
6
  up-popup .container-fluid {
7
7
  padding-left: 0;
8
8
  padding-right: 0;
9
- max-width: none; }
10
-
9
+ max-width: none;
10
+ }
@@ -1,2 +1 @@
1
1
  up-modal .container,up-modal .container-fluid,up-drawer .container,up-drawer .container-fluid,up-popup .container,up-popup .container-fluid{padding-left:0;padding-right:0;max-width:none}
2
-
@@ -1,17 +1,19 @@
1
1
  [hidden][hidden] {
2
- display: none !important; }
3
-
2
+ display: none !important;
3
+ }
4
4
  up-wrapper {
5
- display: inline-block; }
6
-
5
+ display: inline-block;
6
+ }
7
7
  up-bounds {
8
- position: absolute; }
8
+ position: absolute;
9
+ }
9
10
 
10
11
  .up-focusable-content:focus, .up-focusable-content:focus-visible {
11
- outline: 0; }
12
-
12
+ outline: 0;
13
+ }
13
14
  .up-request-loader {
14
- display: none; }
15
+ display: none;
16
+ }
15
17
 
16
18
  up-progress-bar {
17
19
  position: fixed;
@@ -19,136 +21,164 @@ up-progress-bar {
19
21
  left: 0;
20
22
  z-index: 999999999;
21
23
  height: 3px;
22
- background-color: #007bff; }
23
-
24
+ background-color: #007bff;
25
+ }
24
26
  up-focus-trap {
25
27
  position: fixed;
26
28
  top: 0;
27
29
  left: 0;
28
30
  width: 0;
29
- height: 0; }
31
+ height: 0;
32
+ }
30
33
 
31
- up-modal, up-drawer, up-cover, up-modal-backdrop, up-drawer-backdrop, up-modal-viewport, up-drawer-viewport, up-cover-viewport {
34
+ up-cover-viewport, up-drawer-viewport, up-modal-viewport, up-drawer-backdrop, up-modal-backdrop, up-cover, up-drawer, up-modal {
32
35
  top: 0;
33
36
  left: 0;
34
37
  bottom: 0;
35
- right: 0; }
38
+ right: 0;
39
+ }
36
40
 
37
- up-modal-box, up-drawer-box {
38
- box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3); }
41
+ up-drawer-box, up-modal-box {
42
+ box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
43
+ }
39
44
 
40
45
  up-popup {
41
- box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); }
46
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
47
+ }
42
48
 
43
- up-modal:focus, up-drawer:focus, up-cover:focus, up-modal-box:focus, up-drawer-box:focus, up-cover-box:focus, up-popup:focus, up-modal:focus-visible, up-drawer:focus-visible, up-cover:focus-visible, up-modal-box:focus-visible, up-drawer-box:focus-visible, up-cover-box:focus-visible, up-popup:focus-visible {
44
- outline: none; }
49
+ up-popup:focus, up-cover-box:focus, up-drawer-box:focus, up-modal-box:focus, up-cover:focus, up-drawer:focus, up-modal:focus, up-popup:focus-visible, up-cover-box:focus-visible, up-drawer-box:focus-visible, up-modal-box:focus-visible, up-cover:focus-visible, up-drawer:focus-visible, up-modal:focus-visible {
50
+ outline: none;
51
+ }
45
52
 
46
- up-modal, up-drawer, up-cover {
53
+ up-cover, up-drawer, up-modal {
47
54
  z-index: 2000;
48
- position: fixed; }
55
+ position: fixed;
56
+ }
49
57
 
50
- up-modal-backdrop, up-drawer-backdrop {
58
+ up-drawer-backdrop, up-modal-backdrop {
51
59
  position: absolute;
52
- background: rgba(0, 0, 0, 0.4); }
60
+ background: rgba(0, 0, 0, 0.4);
61
+ }
53
62
 
54
- up-modal-viewport, up-drawer-viewport, up-cover-viewport {
63
+ up-cover-viewport, up-drawer-viewport, up-modal-viewport {
55
64
  position: absolute;
56
65
  overflow-y: scroll;
57
66
  overflow-x: hidden;
58
67
  overscroll-behavior: contain;
59
68
  display: flex;
60
69
  align-items: flex-start;
61
- justify-content: center; }
70
+ justify-content: center;
71
+ }
62
72
 
63
- up-modal-box, up-drawer-box, up-cover-box, up-popup {
73
+ up-popup, up-cover-box, up-drawer-box, up-modal-box {
64
74
  position: relative;
65
75
  box-sizing: border-box;
66
76
  max-width: 100%;
67
77
  background-color: #fff;
68
78
  padding: 20px;
69
- overflow-x: hidden; }
79
+ overflow-x: hidden;
80
+ }
70
81
 
71
- up-modal-content, up-drawer-content, up-cover-content, up-popup-content {
72
- display: block; }
82
+ up-popup-content, up-cover-content, up-drawer-content, up-modal-content {
83
+ display: block;
84
+ }
73
85
 
74
86
  up-popup {
75
- z-index: 1000; }
87
+ z-index: 1000;
88
+ }
76
89
 
77
- up-modal-dismiss, up-drawer-dismiss, up-cover-dismiss, up-popup-dismiss {
90
+ up-popup-dismiss, up-cover-dismiss, up-drawer-dismiss, up-modal-dismiss {
78
91
  color: #888;
79
92
  position: absolute;
80
93
  top: 10px;
81
94
  right: 10px;
82
95
  font-size: 1.7rem;
83
- line-height: 0.5; }
96
+ line-height: 0.5;
97
+ }
84
98
 
85
99
  up-modal[nesting="0"] up-modal-viewport {
86
- padding: 25px 15px; }
87
-
100
+ padding: 25px 15px;
101
+ }
88
102
  up-modal[nesting="1"] up-modal-viewport {
89
- padding: 50px 30px; }
90
-
103
+ padding: 50px 30px;
104
+ }
91
105
  up-modal[nesting="2"] up-modal-viewport {
92
- padding: 75px 45px; }
93
-
106
+ padding: 75px 45px;
107
+ }
94
108
  up-modal[nesting="3"] up-modal-viewport {
95
- padding: 100px 60px; }
96
-
109
+ padding: 100px 60px;
110
+ }
97
111
  up-modal[nesting="4"] up-modal-viewport {
98
- padding: 125px 75px; }
112
+ padding: 125px 75px;
113
+ }
99
114
 
100
115
  up-modal[size=small] up-modal-box {
101
- width: 350px; }
102
-
116
+ width: 350px;
117
+ }
103
118
  up-modal[size=medium] up-modal-box {
104
- width: 650px; }
105
-
119
+ width: 650px;
120
+ }
106
121
  up-modal[size=large] up-modal-box {
107
- width: 1000px; }
108
-
122
+ width: 1000px;
123
+ }
109
124
  up-modal[size=grow] up-modal-box {
110
- width: auto; }
111
-
125
+ width: auto;
126
+ }
112
127
  up-modal[size=full] up-modal-box {
113
- width: 100%; }
128
+ width: 100%;
129
+ }
114
130
 
115
131
  up-drawer-viewport {
116
- justify-content: flex-start; }
117
- up-drawer[position=right] up-drawer-viewport {
118
- justify-content: flex-end; }
132
+ justify-content: flex-start;
133
+ }
134
+ up-drawer[position=right] up-drawer-viewport {
135
+ justify-content: flex-end;
136
+ }
119
137
 
120
138
  up-drawer-box {
121
- min-height: 100vh; }
122
- up-drawer[size=small] up-drawer-box {
123
- width: 150px; }
124
- up-drawer[size=medium] up-drawer-box {
125
- width: 340px; }
126
- up-drawer[size=large] up-drawer-box {
127
- width: 600px; }
128
- up-drawer[size=grow] up-drawer-box {
129
- width: auto; }
130
- up-drawer[size=full] up-drawer-box {
131
- width: 100%; }
139
+ min-height: 100vh;
140
+ }
141
+ up-drawer[size=small] up-drawer-box {
142
+ width: 150px;
143
+ }
144
+ up-drawer[size=medium] up-drawer-box {
145
+ width: 340px;
146
+ }
147
+ up-drawer[size=large] up-drawer-box {
148
+ width: 600px;
149
+ }
150
+ up-drawer[size=grow] up-drawer-box {
151
+ width: auto;
152
+ }
153
+ up-drawer[size=full] up-drawer-box {
154
+ width: 100%;
155
+ }
132
156
 
133
157
  up-cover-box {
134
158
  width: 100%;
135
159
  min-height: 100vh;
136
- padding: 0; }
160
+ padding: 0;
161
+ }
137
162
 
138
163
  up-popup {
139
164
  padding: 15px;
140
- text-align: left; }
141
- up-popup[size=small] {
142
- width: 180px; }
143
- up-popup[size=medium] {
144
- width: 300px; }
145
- up-popup[size=large] {
146
- width: 550px; }
147
- up-popup[size=grow] up-popup {
148
- width: auto; }
149
- up-popup[size=full] up-popup {
150
- width: 100%; }
151
-
165
+ text-align: left;
166
+ }
167
+ up-popup[size=small] {
168
+ width: 180px;
169
+ }
170
+ up-popup[size=medium] {
171
+ width: 300px;
172
+ }
173
+ up-popup[size=large] {
174
+ width: 550px;
175
+ }
176
+ up-popup[size=grow] up-popup {
177
+ width: auto;
178
+ }
179
+ up-popup[size=full] up-popup {
180
+ width: 100%;
181
+ }
152
182
  [up-href], [up-clickable] {
153
- cursor: pointer; }
154
-
183
+ cursor: pointer;
184
+ }