@coorpacademy/components 11.11.15-alpha.10 → 11.11.15-alpha.12

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.
@@ -285,6 +285,7 @@ a {
285
285
  @media tablet {
286
286
  .popin {
287
287
  width: 80%;
288
+ overflow: hidden;
288
289
  }
289
290
 
290
291
  .buttonContainer {
@@ -320,20 +321,26 @@ a {
320
321
  }
321
322
 
322
323
  .descriptionText, .content, .message {
323
- margin-left: 32px;
324
- margin-right: 32px;
324
+ margin-left: 16px;
325
+ margin-right: 16px;
325
326
  }
326
327
  }
327
328
 
328
329
  @media mobile {
330
+ .background {
331
+ padding: 0;
332
+ }
333
+
329
334
  .popin {
330
- width: 350px;
335
+ /* width: 350px; */
336
+ width: 80%;
337
+ overflow: hidden;
331
338
  }
332
339
 
333
340
  .buttonContainer {
334
341
  display: flex;
335
342
  margin: 12px 16px 32px 16px;
336
- width: 85%;
343
+ /* width: 85%; */
337
344
  }
338
345
 
339
346
  .button {
@@ -342,6 +349,8 @@ a {
342
349
 
343
350
  .titleContainer {
344
351
  width: 100%;
352
+ margin-left: 16px;
353
+ margin-right: 16px;
345
354
  }
346
355
 
347
356
  .content, .message, .descriptionText {
@@ -285,6 +285,7 @@ a {
285
285
  @media tablet {
286
286
  .popin {
287
287
  width: 80%;
288
+ overflow: hidden;
288
289
  }
289
290
 
290
291
  .buttonContainer {
@@ -320,20 +321,26 @@ a {
320
321
  }
321
322
 
322
323
  .descriptionText, .content, .message {
323
- margin-left: 32px;
324
- margin-right: 32px;
324
+ margin-left: 16px;
325
+ margin-right: 16px;
325
326
  }
326
327
  }
327
328
 
328
329
  @media mobile {
330
+ .background {
331
+ padding: 0;
332
+ }
333
+
329
334
  .popin {
330
- width: 350px;
335
+ /* width: 350px; */
336
+ width: 80%;
337
+ overflow: hidden;
331
338
  }
332
339
 
333
340
  .buttonContainer {
334
341
  display: flex;
335
342
  margin: 12px 16px 32px 16px;
336
- width: 85%;
343
+ /* width: 85%; */
337
344
  }
338
345
 
339
346
  .button {
@@ -342,6 +349,8 @@ a {
342
349
 
343
350
  .titleContainer {
344
351
  width: 100%;
352
+ margin-left: 16px;
353
+ margin-right: 16px;
345
354
  }
346
355
 
347
356
  .content, .message, .descriptionText {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "11.11.15-alpha.10+564524d7b4",
3
+ "version": "11.11.15-alpha.12+9873e86e74",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -165,5 +165,5 @@
165
165
  "last 2 versions",
166
166
  "IE 11"
167
167
  ],
168
- "gitHead": "564524d7b48438650cb630c842dec548aa075e3f"
168
+ "gitHead": "9873e86e74d6e8f508207e6fad7ee2754b349688"
169
169
  }