@wizishop/angular-components 0.0.47 → 0.0.48
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/angular-components.scss +19 -1
- package/bundles/wizishop-angular-components.umd.js +1 -1
- package/bundles/wizishop-angular-components.umd.js.map +1 -1
- package/bundles/wizishop-angular-components.umd.min.js +1 -1
- package/bundles/wizishop-angular-components.umd.min.js.map +1 -1
- package/esm2015/lib/components/alert-popup/alert-popup.component.js +2 -2
- package/fesm2015/wizishop-angular-components.js +1 -1
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.48.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.47.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -487,6 +487,19 @@ $wac-color-success-popup-alert: #6DCC95!default;
|
|
|
487
487
|
box-shadow: 0 0 20px rgba(50, 50, 50, 0.1);
|
|
488
488
|
font-size: 14px;
|
|
489
489
|
|
|
490
|
+
&.with-icon {
|
|
491
|
+
.alert--message {
|
|
492
|
+
display: flex;
|
|
493
|
+
align-items: center;
|
|
494
|
+
justify-content: center;
|
|
495
|
+
width: 100%;
|
|
496
|
+
}
|
|
497
|
+
}
|
|
498
|
+
|
|
499
|
+
.icon + .wac-alert-popup__close + .wac-alert-popup__text {
|
|
500
|
+
width: auto;
|
|
501
|
+
}
|
|
502
|
+
|
|
490
503
|
&.fullsize {
|
|
491
504
|
max-width: 100%;
|
|
492
505
|
width: 100%;
|
|
@@ -534,6 +547,9 @@ $wac-color-success-popup-alert: #6DCC95!default;
|
|
|
534
547
|
|
|
535
548
|
&.is-top {
|
|
536
549
|
top: 0;
|
|
550
|
+
&.small {
|
|
551
|
+
top: 100px;
|
|
552
|
+
}
|
|
537
553
|
}
|
|
538
554
|
|
|
539
555
|
&.is-bottom {
|
|
@@ -588,7 +604,6 @@ $wac-color-success-popup-alert: #6DCC95!default;
|
|
|
588
604
|
&.small {
|
|
589
605
|
padding: 10px;
|
|
590
606
|
border-radius: 3px;
|
|
591
|
-
bottom: -100px;
|
|
592
607
|
right: 0;
|
|
593
608
|
top: auto;
|
|
594
609
|
left: auto;
|
|
@@ -611,6 +626,9 @@ $wac-color-success-popup-alert: #6DCC95!default;
|
|
|
611
626
|
}
|
|
612
627
|
}
|
|
613
628
|
}
|
|
629
|
+
.is-bottom & {
|
|
630
|
+
bottom: -100px;
|
|
631
|
+
}
|
|
614
632
|
}
|
|
615
633
|
|
|
616
634
|
&__title {
|
|
@@ -3502,7 +3502,7 @@
|
|
|
3502
3502
|
AlertPopupComponent.decorators = [
|
|
3503
3503
|
{ type: i0.Component, args: [{
|
|
3504
3504
|
selector: 'wac-alert-popup',
|
|
3505
|
-
template: "<div\n [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '')\"\n [ngClass]=\"{'is-active': open}\"\n>\n <div class=\"alert--message\">\n <span class=\"icon\" *ngIf=\"config.icon\">\n <i [class]=\"config.icon\"></i>\n </span>\n <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\"><i class=\"fas fa-times\"></i></span>\n <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\n <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\n </div>\n</div>\n",
|
|
3505
|
+
template: "<div\n [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '') + ((config.icon) ? ' with-icon' : '')\"\n [ngClass]=\"{'is-active': open}\"\n>\n <div class=\"alert--message\">\n <span class=\"icon\" *ngIf=\"config.icon\">\n <i [class]=\"config.icon\"></i>\n </span>\n <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\"><i class=\"fas fa-times\"></i></span>\n <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\n <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\n </div>\n</div>\n",
|
|
3506
3506
|
host: {
|
|
3507
3507
|
class: 'wac-alert-popup'
|
|
3508
3508
|
},
|