@wizishop/img-manager 0.2.100 → 0.2.101
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/bundles/wizishop-img-manager.umd.js +22 -3
- package/bundles/wizishop-img-manager.umd.js.map +1 -1
- package/bundles/wizishop-img-manager.umd.min.js +1 -1
- package/bundles/wizishop-img-manager.umd.min.js.map +1 -1
- package/esm2015/lib/components/img-upload/img-upload.component.js +23 -4
- package/esm5/lib/components/img-upload/img-upload.component.js +23 -4
- package/fesm2015/wizishop-img-manager.js +22 -3
- package/fesm2015/wizishop-img-manager.js.map +1 -1
- package/fesm5/wizishop-img-manager.js +22 -3
- package/fesm5/wizishop-img-manager.js.map +1 -1
- package/lib/components/img-upload/img-upload.component.d.ts +3 -0
- package/package.json +1 -1
- package/wizishop-img-manager-0.2.101.tgz +0 -0
- package/wizishop-img-manager.metadata.json +1 -1
- package/wz-img-manager.scss +62 -62
- package/wizishop-img-manager-0.2.100.tgz +0 -0
package/wz-img-manager.scss
CHANGED
|
@@ -1293,12 +1293,66 @@ $button-focus-border-color: $primary-button-hover !default;
|
|
|
1293
1293
|
$button-disabled-border-color: $primary-button-hover !default;
|
|
1294
1294
|
|
|
1295
1295
|
$tag-radius: rem(20px)!default;
|
|
1296
|
-
|
|
1296
|
+
$default-color-p-alert: #1e5568;
|
|
1297
|
+
$success-color-p-alert: #11552e;
|
|
1298
|
+
$warning-color-p-alert: #3a0505;
|
|
1299
|
+
$primary-button: #e95656;
|
|
1300
|
+
$link-color: #52aecd;
|
|
1301
|
+
$green-color: #2ecc71;
|
|
1302
|
+
|
|
1303
|
+
.wz-alert {
|
|
1304
|
+
width: 100%;
|
|
1305
|
+
background-color: transparentize($link-color, 0.85);
|
|
1306
|
+
color: $link-color;
|
|
1307
|
+
border-radius: 3px;
|
|
1308
|
+
display: flex;
|
|
1309
|
+
flex-wrap: nowrap;
|
|
1310
|
+
justify-content: space-between;
|
|
1311
|
+
padding: 20px;
|
|
1312
|
+
&.success {
|
|
1313
|
+
background-color: transparentize($green-color, 0.85);
|
|
1314
|
+
p {
|
|
1315
|
+
color: $success-color-p-alert;
|
|
1316
|
+
> * {
|
|
1317
|
+
color: $success-color-p-alert;
|
|
1318
|
+
}
|
|
1319
|
+
}
|
|
1320
|
+
i {
|
|
1321
|
+
color: $green-color;
|
|
1322
|
+
}
|
|
1323
|
+
}
|
|
1324
|
+
&.warning {
|
|
1325
|
+
background-color: transparentize($primary-button, 0.85);
|
|
1326
|
+
p {
|
|
1327
|
+
color: $warning-color-p-alert;
|
|
1328
|
+
> * {
|
|
1329
|
+
color: $warning-color-p-alert;
|
|
1330
|
+
}
|
|
1331
|
+
}
|
|
1332
|
+
i {
|
|
1333
|
+
color: $primary-button;
|
|
1334
|
+
}
|
|
1335
|
+
}
|
|
1336
|
+
p {
|
|
1337
|
+
width: 100%;
|
|
1338
|
+
font-size: rem(14);
|
|
1339
|
+
line-height: rem(25);
|
|
1340
|
+
margin: 0;
|
|
1341
|
+
padding: 0;
|
|
1342
|
+
color: $default-color-p-alert;
|
|
1343
|
+
> * {
|
|
1344
|
+
color: $default-color-p-alert;
|
|
1345
|
+
}
|
|
1346
|
+
}
|
|
1297
1347
|
i {
|
|
1298
|
-
|
|
1299
|
-
|
|
1348
|
+
width: auto;
|
|
1349
|
+
margin: 0 10px 0 0;
|
|
1350
|
+
color: inherit;
|
|
1351
|
+
font-size: rem(14);
|
|
1352
|
+
line-height: rem(25);
|
|
1300
1353
|
}
|
|
1301
|
-
}
|
|
1354
|
+
}
|
|
1355
|
+
.wz-img-manager .images-view {
|
|
1302
1356
|
text-align: left;
|
|
1303
1357
|
|
|
1304
1358
|
&.fullSize {
|
|
@@ -1514,66 +1568,12 @@ $tag-radius: rem(20px)!default;
|
|
|
1514
1568
|
}
|
|
1515
1569
|
}
|
|
1516
1570
|
}
|
|
1517
|
-
|
|
1518
|
-
$success-color-p-alert: #11552e;
|
|
1519
|
-
$warning-color-p-alert: #3a0505;
|
|
1520
|
-
$primary-button: #e95656;
|
|
1521
|
-
$link-color: #52aecd;
|
|
1522
|
-
$green-color: #2ecc71;
|
|
1523
|
-
|
|
1524
|
-
.wz-alert {
|
|
1525
|
-
width: 100%;
|
|
1526
|
-
background-color: transparentize($link-color, 0.85);
|
|
1527
|
-
color: $link-color;
|
|
1528
|
-
border-radius: 3px;
|
|
1529
|
-
display: flex;
|
|
1530
|
-
flex-wrap: nowrap;
|
|
1531
|
-
justify-content: space-between;
|
|
1532
|
-
padding: 20px;
|
|
1533
|
-
&.success {
|
|
1534
|
-
background-color: transparentize($green-color, 0.85);
|
|
1535
|
-
p {
|
|
1536
|
-
color: $success-color-p-alert;
|
|
1537
|
-
> * {
|
|
1538
|
-
color: $success-color-p-alert;
|
|
1539
|
-
}
|
|
1540
|
-
}
|
|
1541
|
-
i {
|
|
1542
|
-
color: $green-color;
|
|
1543
|
-
}
|
|
1544
|
-
}
|
|
1545
|
-
&.warning {
|
|
1546
|
-
background-color: transparentize($primary-button, 0.85);
|
|
1547
|
-
p {
|
|
1548
|
-
color: $warning-color-p-alert;
|
|
1549
|
-
> * {
|
|
1550
|
-
color: $warning-color-p-alert;
|
|
1551
|
-
}
|
|
1552
|
-
}
|
|
1553
|
-
i {
|
|
1554
|
-
color: $primary-button;
|
|
1555
|
-
}
|
|
1556
|
-
}
|
|
1557
|
-
p {
|
|
1558
|
-
width: 100%;
|
|
1559
|
-
font-size: rem(14);
|
|
1560
|
-
line-height: rem(25);
|
|
1561
|
-
margin: 0;
|
|
1562
|
-
padding: 0;
|
|
1563
|
-
color: $default-color-p-alert;
|
|
1564
|
-
> * {
|
|
1565
|
-
color: $default-color-p-alert;
|
|
1566
|
-
}
|
|
1567
|
-
}
|
|
1571
|
+
.img-editor__infoSection__propertySEO__tooltips {
|
|
1568
1572
|
i {
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
color: inherit;
|
|
1572
|
-
font-size: rem(14);
|
|
1573
|
-
line-height: rem(25);
|
|
1573
|
+
font-size: rem(16);
|
|
1574
|
+
color: $main-text;
|
|
1574
1575
|
}
|
|
1575
|
-
}
|
|
1576
|
-
// Warning: in webcomponent (for wizishop-com project) the following style are added by styles-handler.js script (hard-coded)
|
|
1576
|
+
}// Warning: in webcomponent (for wizishop-com project) the following style are added by styles-handler.js script (hard-coded)
|
|
1577
1577
|
.wz-img-manager .img-selection {
|
|
1578
1578
|
background-color: white;
|
|
1579
1579
|
margin-left: 1.875rem;
|
|
Binary file
|