@expressms/smartapp-ui 1.1.1 → 1.1.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.
- package/build/main/styles/stories.module.scss +32 -14
- package/build/main/styles/styles.min.css +1 -1
- package/build/main//321/201omponents/ActionModal/ActionModal.d.ts +1 -1
- package/build/main//321/201omponents/ActionModal/ActionModal.js +3 -3
- package/build/main//321/201omponents/ActionModal/types.d.ts +2 -0
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js +1 -1
- package/build/main//321/201omponents/Stories/Stories.js +27 -13
- package/package.json +1 -1
|
@@ -28,6 +28,9 @@ $box-shadow-color: rgba(0, 0, 0, 0.25);
|
|
|
28
28
|
$box-shadow-dark-color: rgba(0, 0, 0, 0.6);
|
|
29
29
|
|
|
30
30
|
.smartapp-action-modal {
|
|
31
|
+
padding: 0 20px;
|
|
32
|
+
width: 100%;
|
|
33
|
+
|
|
31
34
|
&__content {
|
|
32
35
|
position: relative;
|
|
33
36
|
display: flex;
|
|
@@ -36,7 +39,8 @@ $box-shadow-dark-color: rgba(0, 0, 0, 0.6);
|
|
|
36
39
|
padding: 24px;
|
|
37
40
|
border: 1px solid $border-color;
|
|
38
41
|
border-radius: 3px;
|
|
39
|
-
width:
|
|
42
|
+
width: 100%;
|
|
43
|
+
box-sizing: border-box;
|
|
40
44
|
|
|
41
45
|
&__cancel-cross {
|
|
42
46
|
cursor: pointer;
|
|
@@ -171,9 +175,9 @@ $box-shadow-dark-color: rgba(0, 0, 0, 0.6);
|
|
|
171
175
|
}
|
|
172
176
|
|
|
173
177
|
&__color--blue {
|
|
174
|
-
font-weight:
|
|
175
|
-
font-size:
|
|
176
|
-
line-height:
|
|
178
|
+
font-weight: 600;
|
|
179
|
+
font-size: 14px;
|
|
180
|
+
line-height: normal;
|
|
177
181
|
background: $color-blue;
|
|
178
182
|
color: $color-white;
|
|
179
183
|
text-align: center;
|
|
@@ -181,9 +185,9 @@ $box-shadow-dark-color: rgba(0, 0, 0, 0.6);
|
|
|
181
185
|
}
|
|
182
186
|
|
|
183
187
|
&__color--white {
|
|
184
|
-
font-weight:
|
|
185
|
-
font-size:
|
|
186
|
-
line-height:
|
|
188
|
+
font-weight: 600;
|
|
189
|
+
font-size: 14px;
|
|
190
|
+
line-height: normal;
|
|
187
191
|
background: $color-white;
|
|
188
192
|
color: $color-blue;
|
|
189
193
|
text-align: center;
|
|
@@ -191,9 +195,9 @@ $box-shadow-dark-color: rgba(0, 0, 0, 0.6);
|
|
|
191
195
|
}
|
|
192
196
|
|
|
193
197
|
&__color--red {
|
|
194
|
-
font-weight:
|
|
195
|
-
font-size:
|
|
196
|
-
line-height:
|
|
198
|
+
font-weight: 600;
|
|
199
|
+
font-size: 14px;
|
|
200
|
+
line-height: normal;
|
|
197
201
|
background: $color-red;
|
|
198
202
|
color: $color-white;
|
|
199
203
|
text-align: center;
|
|
@@ -421,12 +425,16 @@ $box-shadow-dark-color: rgba(0, 0, 0, 0.6);
|
|
|
421
425
|
}
|
|
422
426
|
|
|
423
427
|
.smartapp-confirmation-modal {
|
|
428
|
+
width: 100%;
|
|
429
|
+
padding: 0 20px;
|
|
430
|
+
|
|
424
431
|
&__content {
|
|
425
432
|
background-color: $color-white;
|
|
426
433
|
padding: 24px;
|
|
427
434
|
border: 1px solid $border-color;
|
|
428
435
|
border-radius: 3px;
|
|
429
|
-
|
|
436
|
+
box-sizing: border-box;
|
|
437
|
+
width: 100%;
|
|
430
438
|
|
|
431
439
|
&--title {
|
|
432
440
|
color: $color-black;
|
|
@@ -659,7 +667,8 @@ $box-shadow-dark-color: rgba(0, 0, 0, 0.6);
|
|
|
659
667
|
padding-right: 82px;
|
|
660
668
|
}
|
|
661
669
|
|
|
662
|
-
&__ios,
|
|
670
|
+
&__ios,
|
|
671
|
+
&__android {
|
|
663
672
|
width: calc(100% - 125px);
|
|
664
673
|
padding-right: 109px;
|
|
665
674
|
}
|
|
@@ -987,6 +996,15 @@ input:checked + .smartapp-slider:before {
|
|
|
987
996
|
}
|
|
988
997
|
|
|
989
998
|
.smartapp-stories-content {
|
|
999
|
+
width: 100%;
|
|
1000
|
+
height: 100%;
|
|
1001
|
+
display: flex;
|
|
1002
|
+
justify-content: center;
|
|
1003
|
+
align-items: center;
|
|
1004
|
+
background: $color-black;
|
|
1005
|
+
border: none;
|
|
1006
|
+
padding: 0;
|
|
1007
|
+
|
|
990
1008
|
&__background-video {
|
|
991
1009
|
position: absolute;
|
|
992
1010
|
width: 100%;
|
|
@@ -1165,7 +1183,7 @@ input:checked + .smartapp-slider:before {
|
|
|
1165
1183
|
}
|
|
1166
1184
|
|
|
1167
1185
|
&--dots {
|
|
1168
|
-
width: 1.
|
|
1186
|
+
width: 1.45ch;
|
|
1169
1187
|
display: flex;
|
|
1170
1188
|
justify-content: flex-start;
|
|
1171
1189
|
|
|
@@ -1223,4 +1241,4 @@ input:checked + .smartapp-slider:before {
|
|
|
1223
1241
|
to {
|
|
1224
1242
|
transform: rotate(360deg);
|
|
1225
1243
|
}
|
|
1226
|
-
}
|
|
1244
|
+
}
|