@annalib/anna-core 3.1.4 → 3.3.0
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/package.json
CHANGED
|
@@ -0,0 +1,187 @@
|
|
|
1
|
+
@mixin button-social-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
|
|
2
|
+
padding: $padding-y $padding-x;
|
|
3
|
+
font-size: $font-size;
|
|
4
|
+
line-height: $line-height;
|
|
5
|
+
border: 0;
|
|
6
|
+
@include border-radius($border-radius);
|
|
7
|
+
|
|
8
|
+
&::before {
|
|
9
|
+
width: ($padding-y * 2) + ($font-size * $line-height);
|
|
10
|
+
height: ($padding-y * 2) + ($font-size * $line-height);
|
|
11
|
+
padding: $padding-y 0;
|
|
12
|
+
font-size: $font-size;
|
|
13
|
+
line-height: $line-height;
|
|
14
|
+
@include border-radius($border-radius);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
span {
|
|
18
|
+
margin-left: ($padding-y * 2) + ($font-size * $line-height);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
&.icon {
|
|
22
|
+
width: ($padding-y * 2) + ($font-size * $line-height);
|
|
23
|
+
height: ($padding-y * 2) + ($font-size * $line-height);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@mixin avatar($width, $status-width) {
|
|
28
|
+
position: relative;
|
|
29
|
+
display: inline-block;
|
|
30
|
+
width: $width;
|
|
31
|
+
|
|
32
|
+
.img-avatar {
|
|
33
|
+
width: $width;
|
|
34
|
+
height: $width;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.avatar-status {
|
|
38
|
+
position: absolute;
|
|
39
|
+
right: 0;
|
|
40
|
+
bottom: 0;
|
|
41
|
+
display: block;
|
|
42
|
+
width: $status-width;
|
|
43
|
+
height: $status-width;
|
|
44
|
+
border: 1px solid #fff;
|
|
45
|
+
border-radius: 50em;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
@mixin borders($borders) {
|
|
50
|
+
@each $border in $borders {
|
|
51
|
+
$direction: nth($border, 1);
|
|
52
|
+
@if $direction == "all" {
|
|
53
|
+
$size: map-get(map-get($borders, $direction), size);
|
|
54
|
+
$style: map-get(map-get($borders, $direction), style);
|
|
55
|
+
$color: map-get(map-get($borders, $direction), color);
|
|
56
|
+
border: $size $style $color;
|
|
57
|
+
} @else if $direction == "top" {
|
|
58
|
+
$size: map-get(map-get($borders, $direction), size);
|
|
59
|
+
$style: map-get(map-get($borders, $direction), style);
|
|
60
|
+
$color: map-get(map-get($borders, $direction), color);
|
|
61
|
+
border-top: $size $style $color;
|
|
62
|
+
} @else if $direction == "right" {
|
|
63
|
+
$size: map-get(map-get($borders, $direction), size);
|
|
64
|
+
$style: map-get(map-get($borders, $direction), style);
|
|
65
|
+
$color: map-get(map-get($borders, $direction), color);
|
|
66
|
+
border-right: $size $style $color;
|
|
67
|
+
} @else if $direction == "bottom" {
|
|
68
|
+
$size: map-get(map-get($borders, $direction), size);
|
|
69
|
+
$style: map-get(map-get($borders, $direction), style);
|
|
70
|
+
$color: map-get(map-get($borders, $direction), color);
|
|
71
|
+
border-bottom: $size $style $color;
|
|
72
|
+
} @else if $direction == "left" {
|
|
73
|
+
$size: map-get(map-get($borders, $direction), size);
|
|
74
|
+
$style: map-get(map-get($borders, $direction), style);
|
|
75
|
+
$color: map-get(map-get($borders, $direction), color);
|
|
76
|
+
border-left: $size $style $color;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
@mixin sidebar-width($borders, $width) {
|
|
82
|
+
$sidebar-width: $width;
|
|
83
|
+
|
|
84
|
+
@each $border in $borders {
|
|
85
|
+
$direction: nth($border, 1);
|
|
86
|
+
@if $direction == "all" {
|
|
87
|
+
$size: map-get(map-get($borders, $direction), size);
|
|
88
|
+
$sidebar-width: ($sidebar-width - (2 * $size));
|
|
89
|
+
} @else if $direction == "right" {
|
|
90
|
+
$size: map-get(map-get($borders, $direction), size);
|
|
91
|
+
$sidebar-width: $sidebar-width - $size;
|
|
92
|
+
} @else if $direction == "left" {
|
|
93
|
+
$size: map-get(map-get($borders, $direction), size);
|
|
94
|
+
$sidebar-width: $sidebar-width - $size;
|
|
95
|
+
}
|
|
96
|
+
width: $sidebar-width;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
@mixin bg-variant($parent, $color) {
|
|
101
|
+
#{"" + $parent} {
|
|
102
|
+
@include border-radius(
|
|
103
|
+
$card-border-radius-inner $card-border-radius-inner $card-border-radius-inner $card-border-radius-inner
|
|
104
|
+
);
|
|
105
|
+
color: #fff !important;
|
|
106
|
+
background-color: $color !important;
|
|
107
|
+
}
|
|
108
|
+
a#{"" + $parent} {
|
|
109
|
+
@include hover-focus {
|
|
110
|
+
background-color: darken($color, 10%);
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
@mixin card-accent-variant($color) {
|
|
116
|
+
border-top-width: 2px;
|
|
117
|
+
border-top-color: $color;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
@mixin tabs-style($color) {
|
|
121
|
+
display: inline-block;
|
|
122
|
+
margin-right: 20px;
|
|
123
|
+
font-size: 16px;
|
|
124
|
+
color: $color;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
@mixin fit-content() {
|
|
128
|
+
width: fit-content !important;
|
|
129
|
+
width: -moz-max-content !important;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
@mixin fit-content-height() {
|
|
133
|
+
height: fit-content !important;
|
|
134
|
+
height: -moz-max-content !important;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
@mixin label($fontSize, $fontWeight, $fontStyle, $letterSpacing, $color) {
|
|
138
|
+
font-family: Roboto;
|
|
139
|
+
font-size: $fontSize;
|
|
140
|
+
font-weight: normal;
|
|
141
|
+
font-stretch: normal;
|
|
142
|
+
font-style: $fontStyle;
|
|
143
|
+
line-height: normal;
|
|
144
|
+
letter-spacing: $letterSpacing;
|
|
145
|
+
color: $color;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
@mixin modal-btn($background-color) {
|
|
149
|
+
width: 100%;
|
|
150
|
+
background-color: $background-color;
|
|
151
|
+
color: white;
|
|
152
|
+
border-radius: initial;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
@mixin OrderListingTableStyling {
|
|
156
|
+
width: 100%;
|
|
157
|
+
tr {
|
|
158
|
+
border: 1px solid #d4d4d4;
|
|
159
|
+
border-top: none;
|
|
160
|
+
th {
|
|
161
|
+
color: #4a4a4a;
|
|
162
|
+
font-size: 11px;
|
|
163
|
+
font-weight: 500;
|
|
164
|
+
letter-spacing: 0.3px;
|
|
165
|
+
vertical-align: middle;
|
|
166
|
+
text-align: left;
|
|
167
|
+
// position: sticky;
|
|
168
|
+
// // z-index: 101 !important;
|
|
169
|
+
// top: 0px;
|
|
170
|
+
padding: unset;
|
|
171
|
+
height: 30px;
|
|
172
|
+
// line-height: 30px;
|
|
173
|
+
border-top: 1px solid #d4d4d4;
|
|
174
|
+
}
|
|
175
|
+
&.header-row th {
|
|
176
|
+
background-color: #ededed;
|
|
177
|
+
}
|
|
178
|
+
td {
|
|
179
|
+
font-size: 12px;
|
|
180
|
+
padding: 2px 0px 3px;
|
|
181
|
+
vertical-align: middle;
|
|
182
|
+
text-align: left;
|
|
183
|
+
color: #000000;
|
|
184
|
+
letter-spacing: 0px;
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
}
|
|
@@ -260,10 +260,7 @@ export class AnnaNonEditableGenericTableComponent implements OnInit, OnChanges,
|
|
|
260
260
|
this.tooltipRadioTextMap.set("startEndTimeMulti", "Time");
|
|
261
261
|
this.tooltipRadioTextMap.set("bookedValue", "Booked");
|
|
262
262
|
this.tooltipRadioTextMap.set("bookedSpots", "Spots");
|
|
263
|
-
this.tooltipRadioTextMap.set("userChanges", "
|
|
264
|
-
this.tooltipRadioTextMap.set("buyerChanges", "Buyer Changes");
|
|
265
|
-
this.tooltipRadioTextMap.set("userMG", "User MG");
|
|
266
|
-
this.tooltipRadioTextMap.set("userADUs", "User ADUs");
|
|
263
|
+
this.tooltipRadioTextMap.set("userChanges", "Other changes");
|
|
267
264
|
this.tooltipRadioTextMap.set("inventoryCode", "Inventory Code");
|
|
268
265
|
this.tooltipRadioTextMap.set("program", "Program");
|
|
269
266
|
this.tooltipRadioTextMap.set("agency", "Agency");
|