@wizishop/angular-components 0.0.182 → 0.0.184
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 +30 -0
- 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/header-page/header-page.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.184.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.182.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -2743,6 +2743,7 @@ $wac-subtitle-color: #7A87A1!default;
|
|
|
2743
2743
|
&__left {
|
|
2744
2744
|
width: auto;
|
|
2745
2745
|
display: flex;
|
|
2746
|
+
flex-wrap: wrap;
|
|
2746
2747
|
align-items: center;
|
|
2747
2748
|
align-content: center;
|
|
2748
2749
|
margin: 0 10px 0 0;
|
|
@@ -2784,6 +2785,29 @@ $wac-subtitle-color: #7A87A1!default;
|
|
|
2784
2785
|
}
|
|
2785
2786
|
}
|
|
2786
2787
|
}
|
|
2788
|
+
&__nowrap {
|
|
2789
|
+
width: 100%;
|
|
2790
|
+
display: flex;
|
|
2791
|
+
align-items: center;
|
|
2792
|
+
.center & {
|
|
2793
|
+
justify-content: center;
|
|
2794
|
+
}
|
|
2795
|
+
}
|
|
2796
|
+
.subtitle {
|
|
2797
|
+
.center & {
|
|
2798
|
+
display: flex;
|
|
2799
|
+
justify-content: center;
|
|
2800
|
+
}
|
|
2801
|
+
&:empty {
|
|
2802
|
+
display: none;
|
|
2803
|
+
}
|
|
2804
|
+
&:not(:empty) {
|
|
2805
|
+
margin: 12px 0 0;
|
|
2806
|
+
}
|
|
2807
|
+
}
|
|
2808
|
+
> *:not(a) {
|
|
2809
|
+
width: 100%;
|
|
2810
|
+
}
|
|
2787
2811
|
}
|
|
2788
2812
|
&__right {
|
|
2789
2813
|
width: 100%;
|
|
@@ -3943,6 +3967,12 @@ span.wac-tooltip {
|
|
|
3943
3967
|
font-style: italic;
|
|
3944
3968
|
}
|
|
3945
3969
|
|
|
3970
|
+
.subtitle {
|
|
3971
|
+
&:last-child {
|
|
3972
|
+
margin: 0;
|
|
3973
|
+
}
|
|
3974
|
+
}
|
|
3975
|
+
|
|
3946
3976
|
.package-subtitle {
|
|
3947
3977
|
margin: 10px 0 30px;
|
|
3948
3978
|
}
|
|
@@ -2121,7 +2121,7 @@
|
|
|
2121
2121
|
HeaderPageComponent.decorators = [
|
|
2122
2122
|
{ type: i0.Component, args: [{
|
|
2123
2123
|
selector: 'wac-header-page',
|
|
2124
|
-
template: "<div class=\"wac-header-page\">\n <div class=\"wac-header-page__maxWidth\">\n <div class=\"wac-header-page__maxWidth__top\" [ngClass]=\"{'center':center}\">\n <div class=\"wac-header-page__maxWidth__top__left\" [ngClass]=\"{'fullsize':center}\">\n <!-- TODO Hard to use when only want a button and not a router link -->\n <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n
|
|
2124
|
+
template: "<div class=\"wac-header-page\">\n <div class=\"wac-header-page__maxWidth\">\n <div class=\"wac-header-page__maxWidth__top\" [ngClass]=\"{'center':center}\">\n <div class=\"wac-header-page__maxWidth__top__left\" [ngClass]=\"{'fullsize':center}\">\n <!-- TODO Hard to use when only want a button and not a router link -->\n <div class=\"wac-header-page__maxWidth__top__left__nowrap\">\n <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n <wac-h1 [center]=\"center\" [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n </div>\n <p class=\"subtitle\"><ng-content select=\"[role=subtitle]\"></ng-content></p>\n </div>\n <div class=\"wac-header-page__maxWidth__top__right\" *ngIf=\"!center\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n"
|
|
2125
2125
|
},] }
|
|
2126
2126
|
];
|
|
2127
2127
|
HeaderPageComponent.ctorParameters = function () { return []; };
|