coer-elements 2.0.13 → 2.0.16
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/components/lib/coer-button/coer-button.component.d.ts +1 -1
- package/fesm2022/coer-elements-components.mjs +2 -2
- package/fesm2022/coer-elements-components.mjs.map +1 -1
- package/fesm2022/coer-elements-pages.mjs +4 -4
- package/fesm2022/coer-elements-pages.mjs.map +1 -1
- package/package.json +5 -5
- package/styles/coer-elements.css +255 -204
package/styles/coer-elements.css
CHANGED
|
@@ -20,6 +20,261 @@ mat-expansion-panel.coer-accordion div.mat-expansion-panel-body {
|
|
|
20
20
|
padding: 0px !important;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
+
coer-button {
|
|
24
|
+
display: contents !important;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
div.coer-button {
|
|
28
|
+
display: contents !important;
|
|
29
|
+
}
|
|
30
|
+
div.coer-button a {
|
|
31
|
+
display: inline-block !important;
|
|
32
|
+
height: fit-content !important;
|
|
33
|
+
text-decoration: none !important;
|
|
34
|
+
}
|
|
35
|
+
div.coer-button a.animate__disabled {
|
|
36
|
+
animation-duration: 0s !important;
|
|
37
|
+
}
|
|
38
|
+
div.coer-button button {
|
|
39
|
+
font-size: 17px !important;
|
|
40
|
+
white-space: nowrap !important;
|
|
41
|
+
overflow: hidden !important;
|
|
42
|
+
text-overflow: ellipsis !important;
|
|
43
|
+
display: flex !important;
|
|
44
|
+
align-items: center !important;
|
|
45
|
+
justify-content: center !important;
|
|
46
|
+
}
|
|
47
|
+
div.coer-button .slot {
|
|
48
|
+
width: 100px !important;
|
|
49
|
+
display: flex !important;
|
|
50
|
+
align-items: center !important;
|
|
51
|
+
justify-content: center !important;
|
|
52
|
+
overflow: visible !important;
|
|
53
|
+
}
|
|
54
|
+
div.coer-button button.primary-filled {
|
|
55
|
+
background-color: var(--primary-inner) !important;
|
|
56
|
+
color: var(--white) !important;
|
|
57
|
+
}
|
|
58
|
+
div.coer-button button.primary-outline {
|
|
59
|
+
background-color: var(--white) !important;
|
|
60
|
+
color: var(--primary-inner) !important;
|
|
61
|
+
border: 1px solid var(--primary-inner) !important;
|
|
62
|
+
}
|
|
63
|
+
div.coer-button button.primary-filled:not(.readonly):focus,
|
|
64
|
+
div.coer-button button.primary-outline:not(.readonly):focus {
|
|
65
|
+
box-shadow: 0px 0px 20px var(--primary-inner) !important;
|
|
66
|
+
}
|
|
67
|
+
div.coer-button button.primary-filled:not(.readonly):hover,
|
|
68
|
+
div.coer-button button.primary-filled:not(.readonly):focus,
|
|
69
|
+
div.coer-button button.primary-outline:not(.readonly):hover,
|
|
70
|
+
div.coer-button button.primary-outline:not(.readonly):focus {
|
|
71
|
+
filter: brightness(1.1) !important;
|
|
72
|
+
}
|
|
73
|
+
div.coer-button button.secondary-filled {
|
|
74
|
+
background-color: var(--secondary-inner) !important;
|
|
75
|
+
color: var(--white) !important;
|
|
76
|
+
}
|
|
77
|
+
div.coer-button button.secondary-outline {
|
|
78
|
+
background-color: var(--white) !important;
|
|
79
|
+
color: var(--secondary-inner) !important;
|
|
80
|
+
border: 1px solid var(--secondary-inner) !important;
|
|
81
|
+
}
|
|
82
|
+
div.coer-button button.secondary-filled:not(.readonly):focus,
|
|
83
|
+
div.coer-button button.secondary-outline:not(.readonly):focus {
|
|
84
|
+
box-shadow: 0px 0px 20px var(--secondary-inner) !important;
|
|
85
|
+
}
|
|
86
|
+
div.coer-button button.secondary-filled:not(.readonly):hover,
|
|
87
|
+
div.coer-button button.secondary-filled:not(.readonly):focus,
|
|
88
|
+
div.coer-button button.secondary-outline:not(.readonly):hover,
|
|
89
|
+
div.coer-button button.secondary-outline:not(.readonly):focus {
|
|
90
|
+
filter: brightness(1.1) !important;
|
|
91
|
+
}
|
|
92
|
+
div.coer-button button.success-filled {
|
|
93
|
+
background-color: var(--success-inner) !important;
|
|
94
|
+
color: var(--white) !important;
|
|
95
|
+
}
|
|
96
|
+
div.coer-button button.success-outline {
|
|
97
|
+
background-color: var(--white) !important;
|
|
98
|
+
color: var(--success-inner) !important;
|
|
99
|
+
border: 1px solid var(--success-inner) !important;
|
|
100
|
+
}
|
|
101
|
+
div.coer-button button.success-filled:not(.readonly):focus,
|
|
102
|
+
div.coer-button button.success-outline:not(.readonly):focus {
|
|
103
|
+
box-shadow: 0px 0px 20px var(--success-inner) !important;
|
|
104
|
+
}
|
|
105
|
+
div.coer-button button.success-filled:not(.readonly):hover,
|
|
106
|
+
div.coer-button button.success-filled:not(.readonly):focus,
|
|
107
|
+
div.coer-button button.success-outline:not(.readonly):hover,
|
|
108
|
+
div.coer-button button.success-outline:not(.readonly):focus {
|
|
109
|
+
filter: brightness(1.1) !important;
|
|
110
|
+
}
|
|
111
|
+
div.coer-button button.warning-filled {
|
|
112
|
+
background-color: var(--warning-inner) !important;
|
|
113
|
+
color: var(--black) !important;
|
|
114
|
+
}
|
|
115
|
+
div.coer-button button.warning-outline {
|
|
116
|
+
background-color: var(--white) !important;
|
|
117
|
+
color: var(--warning-inner) !important;
|
|
118
|
+
border: 1px solid var(--warning-inner) !important;
|
|
119
|
+
}
|
|
120
|
+
div.coer-button button.warning-filled:not(.readonly):focus,
|
|
121
|
+
div.coer-button button.warning-outline:not(.readonly):focus {
|
|
122
|
+
box-shadow: 0px 0px 20px var(--warning-inner) !important;
|
|
123
|
+
}
|
|
124
|
+
div.coer-button button.warning-filled:not(.readonly):hover,
|
|
125
|
+
div.coer-button button.warning-filled:not(.readonly):focus,
|
|
126
|
+
div.coer-button button.warning-outline:not(.readonly):hover,
|
|
127
|
+
div.coer-button button.warning-outline:not(.readonly):focus {
|
|
128
|
+
filter: brightness(1.1) !important;
|
|
129
|
+
}
|
|
130
|
+
div.coer-button button.danger-filled {
|
|
131
|
+
background-color: var(--danger-inner) !important;
|
|
132
|
+
color: var(--white) !important;
|
|
133
|
+
}
|
|
134
|
+
div.coer-button button.danger-outline {
|
|
135
|
+
background-color: var(--white) !important;
|
|
136
|
+
color: var(--danger-inner) !important;
|
|
137
|
+
border: 1px solid var(--danger-inner) !important;
|
|
138
|
+
}
|
|
139
|
+
div.coer-button button.danger-filled:not(.readonly):focus,
|
|
140
|
+
div.coer-button button.danger-outline:not(.readonly):focus {
|
|
141
|
+
box-shadow: 0px 0px 20px var(--danger-inner) !important;
|
|
142
|
+
}
|
|
143
|
+
div.coer-button button.danger-filled:not(.readonly):hover,
|
|
144
|
+
div.coer-button button.danger-filled:not(.readonly):focus,
|
|
145
|
+
div.coer-button button.danger-outline:not(.readonly):hover,
|
|
146
|
+
div.coer-button button.danger-outline:not(.readonly):focus {
|
|
147
|
+
filter: brightness(1.1) !important;
|
|
148
|
+
}
|
|
149
|
+
div.coer-button button.navigation-filled {
|
|
150
|
+
background-color: var(--navigation-inner) !important;
|
|
151
|
+
color: var(--white) !important;
|
|
152
|
+
}
|
|
153
|
+
div.coer-button button.navigation-outline {
|
|
154
|
+
background-color: var(--white) !important;
|
|
155
|
+
color: var(--navigation-inner) !important;
|
|
156
|
+
border: 1px solid var(--navigation-inner) !important;
|
|
157
|
+
}
|
|
158
|
+
div.coer-button button.navigation-filled:not(.readonly):focus,
|
|
159
|
+
div.coer-button button.navigation-outline:not(.readonly):focus {
|
|
160
|
+
box-shadow: 0px 0px 20px var(--navigation-inner) !important;
|
|
161
|
+
}
|
|
162
|
+
div.coer-button button.navigation-filled:not(.readonly):hover,
|
|
163
|
+
div.coer-button button.navigation-filled:not(.readonly):focus,
|
|
164
|
+
div.coer-button button.navigation-outline:not(.readonly):hover,
|
|
165
|
+
div.coer-button button.navigation-outline:not(.readonly):focus {
|
|
166
|
+
filter: brightness(1.1) !important;
|
|
167
|
+
}
|
|
168
|
+
div.coer-button button.information-filled {
|
|
169
|
+
background-color: var(--information-inner) !important;
|
|
170
|
+
color: var(--white) !important;
|
|
171
|
+
}
|
|
172
|
+
div.coer-button button.information-outline {
|
|
173
|
+
background-color: var(--white) !important;
|
|
174
|
+
color: var(--information-inner) !important;
|
|
175
|
+
border: 1px solid var(--information-inner) !important;
|
|
176
|
+
}
|
|
177
|
+
div.coer-button button.information-filled:not(.readonly):focus,
|
|
178
|
+
div.coer-button button.information-outline:not(.readonly):focus {
|
|
179
|
+
box-shadow: 0px 0px 20px var(--information-inner) !important;
|
|
180
|
+
}
|
|
181
|
+
div.coer-button button.information-filled:not(.readonly):hover,
|
|
182
|
+
div.coer-button button.information-filled:not(.readonly):focus,
|
|
183
|
+
div.coer-button button.information-outline:not(.readonly):hover,
|
|
184
|
+
div.coer-button button.information-outline:not(.readonly):focus {
|
|
185
|
+
filter: brightness(1.1) !important;
|
|
186
|
+
}
|
|
187
|
+
div.coer-button button.dark-filled {
|
|
188
|
+
background-color: var(--black) !important;
|
|
189
|
+
color: var(--white) !important;
|
|
190
|
+
}
|
|
191
|
+
div.coer-button button.dark-outline {
|
|
192
|
+
background-color: var(--white) !important;
|
|
193
|
+
color: var(--black) !important;
|
|
194
|
+
border: 1px solid var(--black) !important;
|
|
195
|
+
}
|
|
196
|
+
div.coer-button button.dark-filled:not(.readonly):focus,
|
|
197
|
+
div.coer-button button.dark-outline:not(.readonly):focus {
|
|
198
|
+
box-shadow: 0px 0px 20px var(--black) !important;
|
|
199
|
+
}
|
|
200
|
+
div.coer-button button.dark-filled:not(.readonly):hover,
|
|
201
|
+
div.coer-button button.dark-filled:not(.readonly):focus,
|
|
202
|
+
div.coer-button button.dark-outline:not(.readonly):hover,
|
|
203
|
+
div.coer-button button.dark-outline:not(.readonly):focus {
|
|
204
|
+
filter: brightness(1.1) !important;
|
|
205
|
+
}
|
|
206
|
+
div.coer-button button.light-filled {
|
|
207
|
+
background-color: var(--white) !important;
|
|
208
|
+
color: var(--black) !important;
|
|
209
|
+
}
|
|
210
|
+
div.coer-button button.light-outline {
|
|
211
|
+
background-color: transparent !important;
|
|
212
|
+
color: var(--white) !important;
|
|
213
|
+
border: 1px solid var(--white) !important;
|
|
214
|
+
}
|
|
215
|
+
div.coer-button button.light-filled:not(.readonly):focus,
|
|
216
|
+
div.coer-button button.light-outline:not(.readonly):focus {
|
|
217
|
+
box-shadow: 0px 0px 20px var(--white) !important;
|
|
218
|
+
}
|
|
219
|
+
div.coer-button button.light-filled:not(.readonly):hover,
|
|
220
|
+
div.coer-button button.light-filled:not(.readonly):focus,
|
|
221
|
+
div.coer-button button.light-outline:not(.readonly):hover,
|
|
222
|
+
div.coer-button button.light-outline:not(.readonly):focus {
|
|
223
|
+
filter: brightness(1.1) !important;
|
|
224
|
+
}
|
|
225
|
+
div.coer-button button.mdc-icon-button.mat-mdc-icon-button {
|
|
226
|
+
width: 40px !important;
|
|
227
|
+
height: 40px !important;
|
|
228
|
+
padding: 0px !important;
|
|
229
|
+
}
|
|
230
|
+
div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border {
|
|
231
|
+
width: 25px !important;
|
|
232
|
+
height: 25px !important;
|
|
233
|
+
background-color: transparent !important;
|
|
234
|
+
border: none !important;
|
|
235
|
+
overflow: visible !important;
|
|
236
|
+
}
|
|
237
|
+
div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border * {
|
|
238
|
+
font-size: medium !important;
|
|
239
|
+
}
|
|
240
|
+
div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border i.bi-box-arrow-left,
|
|
241
|
+
div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border i.bi-box-arrow-in-right {
|
|
242
|
+
font-size: 20px !important;
|
|
243
|
+
}
|
|
244
|
+
div.coer-button button.readonly,
|
|
245
|
+
div.coer-button button.readonly:hover,
|
|
246
|
+
div.coer-button button.readonly:focus {
|
|
247
|
+
background-color: rgb(223, 222, 222) !important;
|
|
248
|
+
border-color: rgb(223, 222, 222) !important;
|
|
249
|
+
color: var(--white) !important;
|
|
250
|
+
}
|
|
251
|
+
div.coer-button coer-button[ishidden=true],
|
|
252
|
+
div.coer-button coer-button[ng-reflect-invisible=true] {
|
|
253
|
+
position: relative !important;
|
|
254
|
+
top: 10000vh;
|
|
255
|
+
left: 10000vw;
|
|
256
|
+
}
|
|
257
|
+
div.coer-button a.loading {
|
|
258
|
+
cursor: wait !important;
|
|
259
|
+
}
|
|
260
|
+
div.coer-button i {
|
|
261
|
+
display: flex !important;
|
|
262
|
+
align-items: center !important;
|
|
263
|
+
justify-content: center !important;
|
|
264
|
+
}
|
|
265
|
+
div.coer-button i.spinner-border {
|
|
266
|
+
width: 15px !important;
|
|
267
|
+
height: 15px !important;
|
|
268
|
+
font-size: 16px !important;
|
|
269
|
+
}
|
|
270
|
+
div.coer-button span {
|
|
271
|
+
font-weight: bold !important;
|
|
272
|
+
}
|
|
273
|
+
div.coer-button .mat-mdc-button-touch-target {
|
|
274
|
+
width: 0px !important;
|
|
275
|
+
height: 0px !important;
|
|
276
|
+
}
|
|
277
|
+
|
|
23
278
|
:root {
|
|
24
279
|
--blue: #0d6efd;
|
|
25
280
|
--gray: #6c757d;
|
|
@@ -1036,210 +1291,6 @@ mat-expansion-panel.coer-accordion div.mat-expansion-panel-body {
|
|
|
1036
1291
|
border-color: var(--toolbar-text-inner) !important;
|
|
1037
1292
|
}
|
|
1038
1293
|
|
|
1039
|
-
coer-button {
|
|
1040
|
-
display: contents !important;
|
|
1041
|
-
}
|
|
1042
|
-
|
|
1043
|
-
div.coer-button {
|
|
1044
|
-
display: contents !important;
|
|
1045
|
-
}
|
|
1046
|
-
div.coer-button a {
|
|
1047
|
-
display: inline-block !important;
|
|
1048
|
-
height: fit-content !important;
|
|
1049
|
-
text-decoration: none !important;
|
|
1050
|
-
}
|
|
1051
|
-
div.coer-button a.animate__disabled {
|
|
1052
|
-
animation-duration: 0s !important;
|
|
1053
|
-
}
|
|
1054
|
-
div.coer-button button {
|
|
1055
|
-
font-size: 17px !important;
|
|
1056
|
-
white-space: nowrap !important;
|
|
1057
|
-
overflow: hidden !important;
|
|
1058
|
-
text-overflow: ellipsis !important;
|
|
1059
|
-
display: flex !important;
|
|
1060
|
-
align-items: center !important;
|
|
1061
|
-
justify-content: center !important;
|
|
1062
|
-
}
|
|
1063
|
-
div.coer-button .slot {
|
|
1064
|
-
width: 100px !important;
|
|
1065
|
-
display: flex !important;
|
|
1066
|
-
align-items: center !important;
|
|
1067
|
-
justify-content: center !important;
|
|
1068
|
-
overflow: visible !important;
|
|
1069
|
-
}
|
|
1070
|
-
div.coer-button button.primary-filled {
|
|
1071
|
-
background-color: var(--primary-inner) !important;
|
|
1072
|
-
color: var(--white) !important;
|
|
1073
|
-
}
|
|
1074
|
-
div.coer-button button.primary-outline {
|
|
1075
|
-
background-color: var(--white) !important;
|
|
1076
|
-
border: 1px solid var(--primary-inner) !important;
|
|
1077
|
-
color: var(--primary-inner) !important;
|
|
1078
|
-
}
|
|
1079
|
-
div.coer-button button.primary-filled:not(.readonly):focus,
|
|
1080
|
-
div.coer-button button.primary-outline:not(.readonly):focus {
|
|
1081
|
-
box-shadow: 0px 0px 20px var(--primary-inner) !important;
|
|
1082
|
-
}
|
|
1083
|
-
div.coer-button button.secondary-filled {
|
|
1084
|
-
background-color: var(--secondary-inner) !important;
|
|
1085
|
-
color: var(--white) !important;
|
|
1086
|
-
}
|
|
1087
|
-
div.coer-button button.secondary-outline {
|
|
1088
|
-
background-color: var(--white) !important;
|
|
1089
|
-
border: 1px solid var(--secondary-inner) !important;
|
|
1090
|
-
color: var(--secondary-inner) !important;
|
|
1091
|
-
}
|
|
1092
|
-
div.coer-button button.secondary-filled:not(.readonly):focus,
|
|
1093
|
-
div.coer-button button.secondary-outline:not(.readonly):focus {
|
|
1094
|
-
box-shadow: 0px 0px 20px var(--secondary-inner) !important;
|
|
1095
|
-
}
|
|
1096
|
-
div.coer-button button.success-filled {
|
|
1097
|
-
background-color: var(--success-inner) !important;
|
|
1098
|
-
color: var(--white) !important;
|
|
1099
|
-
}
|
|
1100
|
-
div.coer-button button.success-outline {
|
|
1101
|
-
background-color: var(--white) !important;
|
|
1102
|
-
border: 1px solid var(--success-inner) !important;
|
|
1103
|
-
color: var(--success-inner) !important;
|
|
1104
|
-
}
|
|
1105
|
-
div.coer-button button.success-filled:not(.readonly):focus,
|
|
1106
|
-
div.coer-button button.success-outline:not(.readonly):focus {
|
|
1107
|
-
box-shadow: 0px 0px 20px var(--success-inner) !important;
|
|
1108
|
-
}
|
|
1109
|
-
div.coer-button button.warning-filled {
|
|
1110
|
-
background-color: var(--warning-inner) !important;
|
|
1111
|
-
color: var(--black) !important;
|
|
1112
|
-
}
|
|
1113
|
-
div.coer-button button.warning-outline {
|
|
1114
|
-
background-color: var(--white) !important;
|
|
1115
|
-
border: 1px solid var(--warning-inner) !important;
|
|
1116
|
-
color: var(--warning-inner) !important;
|
|
1117
|
-
}
|
|
1118
|
-
div.coer-button button.warning-filled:not(.readonly):focus,
|
|
1119
|
-
div.coer-button button.warning-outline:not(.readonly):focus {
|
|
1120
|
-
box-shadow: 0px 0px 20px var(--warning-inner) !important;
|
|
1121
|
-
}
|
|
1122
|
-
div.coer-button button.danger-filled {
|
|
1123
|
-
background-color: var(--danger-inner) !important;
|
|
1124
|
-
color: var(--white) !important;
|
|
1125
|
-
}
|
|
1126
|
-
div.coer-button button.danger-outline {
|
|
1127
|
-
background-color: var(--white) !important;
|
|
1128
|
-
border: 1px solid var(--danger-inner) !important;
|
|
1129
|
-
color: var(--danger-inner) !important;
|
|
1130
|
-
}
|
|
1131
|
-
div.coer-button button.danger-filled:not(.readonly):focus,
|
|
1132
|
-
div.coer-button button.danger-outline:not(.readonly):focus {
|
|
1133
|
-
box-shadow: 0px 0px 20px var(--danger-inner) !important;
|
|
1134
|
-
}
|
|
1135
|
-
div.coer-button button.navigation-filled {
|
|
1136
|
-
background-color: var(--navigation-inner) !important;
|
|
1137
|
-
color: var(--white) !important;
|
|
1138
|
-
}
|
|
1139
|
-
div.coer-button button.navigation-outline {
|
|
1140
|
-
background-color: var(--white) !important;
|
|
1141
|
-
border: 1px solid var(--navigation-inner) !important;
|
|
1142
|
-
color: var(--navigation-inner) !important;
|
|
1143
|
-
}
|
|
1144
|
-
div.coer-button button.navigation-filled:not(.readonly):focus,
|
|
1145
|
-
div.coer-button button.navigation-outline:not(.readonly):focus {
|
|
1146
|
-
box-shadow: 0px 0px 20px var(--navigation-inner) !important;
|
|
1147
|
-
}
|
|
1148
|
-
div.coer-button button.information-filled {
|
|
1149
|
-
background-color: var(--information-inner) !important;
|
|
1150
|
-
color: var(--white) !important;
|
|
1151
|
-
}
|
|
1152
|
-
div.coer-button button.information-outline {
|
|
1153
|
-
background-color: var(--white) !important;
|
|
1154
|
-
border: 1px solid var(--information-inner) !important;
|
|
1155
|
-
color: var(--information-inner) !important;
|
|
1156
|
-
}
|
|
1157
|
-
div.coer-button button.information-filled:not(.readonly):focus,
|
|
1158
|
-
div.coer-button button.information-outline:not(.readonly):focus {
|
|
1159
|
-
box-shadow: 0px 0px 20px var(--information-inner) !important;
|
|
1160
|
-
}
|
|
1161
|
-
div.coer-button button.dark-filled {
|
|
1162
|
-
background-color: var(--black) !important;
|
|
1163
|
-
color: var(--white) !important;
|
|
1164
|
-
}
|
|
1165
|
-
div.coer-button button.dark-outline {
|
|
1166
|
-
background-color: var(--white) !important;
|
|
1167
|
-
border: 1px solid var(--black) !important;
|
|
1168
|
-
color: var(--black) !important;
|
|
1169
|
-
}
|
|
1170
|
-
div.coer-button button.dark-filled:not(.readonly):focus,
|
|
1171
|
-
div.coer-button button.dark-outline:not(.readonly):focus {
|
|
1172
|
-
box-shadow: 0px 0px 20px var(--black) !important;
|
|
1173
|
-
}
|
|
1174
|
-
div.coer-button button.primary-filled:not(.readonly):hover, div.coer-button button.primary-filled:not(.readonly):focus,
|
|
1175
|
-
div.coer-button button.primary-outline:not(.readonly):hover, div.coer-button button.primary-outline:not(.readonly):focus,
|
|
1176
|
-
div.coer-button button.secondary-filled:not(.readonly):hover, div.coer-button button.secondary-filled:not(.readonly):focus,
|
|
1177
|
-
div.coer-button button.secondary-outline:not(.readonly):hover, div.coer-button button.secondary-outline:not(.readonly):focus,
|
|
1178
|
-
div.coer-button button.success-filled:not(.readonly):hover, div.coer-button button.success-filled:not(.readonly):focus,
|
|
1179
|
-
div.coer-button button.success-outline:not(.readonly):hover, div.coer-button button.success-outline:not(.readonly):focus,
|
|
1180
|
-
div.coer-button button.warning-filled:not(.readonly):hover, div.coer-button button.warning-filled:not(.readonly):focus,
|
|
1181
|
-
div.coer-button button.warning-outline:not(.readonly):hover, div.coer-button button.warning-outline:not(.readonly):focus,
|
|
1182
|
-
div.coer-button button.danger-filled:not(.readonly):hover, div.coer-button button.danger-filled:not(.readonly):focus,
|
|
1183
|
-
div.coer-button button.danger-outline:not(.readonly):hover, div.coer-button button.danger-outline:not(.readonly):focus,
|
|
1184
|
-
div.coer-button button.navigation-filled:not(.readonly):hover, div.coer-button button.navigation-filled:not(.readonly):focus,
|
|
1185
|
-
div.coer-button button.navigation-outline:not(.readonly):hover, div.coer-button button.navigation-outline:not(.readonly):focus,
|
|
1186
|
-
div.coer-button button.dark-filled:not(.readonly):hover, div.coer-button button.dark-filled:not(.readonly):focus,
|
|
1187
|
-
div.coer-button button.dark-outline:not(.readonly):hover, div.coer-button button.dark-outline:not(.readonly):focus {
|
|
1188
|
-
filter: brightness(1.1) !important;
|
|
1189
|
-
}
|
|
1190
|
-
div.coer-button button.mdc-icon-button.mat-mdc-icon-button {
|
|
1191
|
-
width: 40px !important;
|
|
1192
|
-
height: 40px !important;
|
|
1193
|
-
padding: 0px !important;
|
|
1194
|
-
}
|
|
1195
|
-
div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border {
|
|
1196
|
-
width: 25px !important;
|
|
1197
|
-
height: 25px !important;
|
|
1198
|
-
background-color: transparent !important;
|
|
1199
|
-
border: none !important;
|
|
1200
|
-
overflow: visible !important;
|
|
1201
|
-
}
|
|
1202
|
-
div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border * {
|
|
1203
|
-
font-size: medium !important;
|
|
1204
|
-
}
|
|
1205
|
-
div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border i.bi-box-arrow-left,
|
|
1206
|
-
div.coer-button button.mdc-icon-button.mat-mdc-icon-button.icon-no-border i.bi-box-arrow-in-right {
|
|
1207
|
-
font-size: 20px !important;
|
|
1208
|
-
}
|
|
1209
|
-
div.coer-button button.readonly,
|
|
1210
|
-
div.coer-button button.readonly:hover,
|
|
1211
|
-
div.coer-button button.readonly:focus {
|
|
1212
|
-
background-color: rgb(223, 222, 222) !important;
|
|
1213
|
-
border-color: rgb(223, 222, 222) !important;
|
|
1214
|
-
color: var(--white) !important;
|
|
1215
|
-
}
|
|
1216
|
-
div.coer-button coer-button[ishidden=true],
|
|
1217
|
-
div.coer-button coer-button[ng-reflect-invisible=true] {
|
|
1218
|
-
position: relative !important;
|
|
1219
|
-
top: 10000vh;
|
|
1220
|
-
left: 10000vw;
|
|
1221
|
-
}
|
|
1222
|
-
div.coer-button a.loading {
|
|
1223
|
-
cursor: wait !important;
|
|
1224
|
-
}
|
|
1225
|
-
div.coer-button i {
|
|
1226
|
-
display: flex !important;
|
|
1227
|
-
align-items: center !important;
|
|
1228
|
-
justify-content: center !important;
|
|
1229
|
-
}
|
|
1230
|
-
div.coer-button i.spinner-border {
|
|
1231
|
-
width: 15px !important;
|
|
1232
|
-
height: 15px !important;
|
|
1233
|
-
font-size: 16px !important;
|
|
1234
|
-
}
|
|
1235
|
-
div.coer-button span {
|
|
1236
|
-
font-weight: bold !important;
|
|
1237
|
-
}
|
|
1238
|
-
div.coer-button .mat-mdc-button-touch-target {
|
|
1239
|
-
width: 0px !important;
|
|
1240
|
-
height: 0px !important;
|
|
1241
|
-
}
|
|
1242
|
-
|
|
1243
1294
|
div.coer-checkbox {
|
|
1244
1295
|
display: inline-flex !important;
|
|
1245
1296
|
}
|