benivo-ui-library 1.7.12 → 1.7.14
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/button.less +48 -39
- package/googleTranslate.less +97 -0
- package/index.js +1 -1
- package/index.js.LICENSE.txt +9 -0
- package/package.json +3 -2
package/button.less
CHANGED
|
@@ -1,6 +1,19 @@
|
|
|
1
1
|
//
|
|
2
2
|
// Buttons
|
|
3
3
|
//
|
|
4
|
+
.client-hub {
|
|
5
|
+
.btn {
|
|
6
|
+
font-family: @btn-font-family;
|
|
7
|
+
font-weight: @btn-font-weight;
|
|
8
|
+
font-size: @btn-font-size;
|
|
9
|
+
line-height: @btn-line-height;
|
|
10
|
+
font-style: @btn-text-style;
|
|
11
|
+
text-decoration: @btn-text-decoration;
|
|
12
|
+
text-transform: @btn-text-transform;
|
|
13
|
+
letter-spacing: @btn-letter-spaceing;
|
|
14
|
+
.border-radius(@btn-brd-radius);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
4
17
|
|
|
5
18
|
.btn {
|
|
6
19
|
position: relative;
|
|
@@ -55,7 +68,11 @@
|
|
|
55
68
|
}
|
|
56
69
|
|
|
57
70
|
&.btn-xs {
|
|
58
|
-
padding: @btn-
|
|
71
|
+
padding: @btn-lg-padding;
|
|
72
|
+
|
|
73
|
+
@media @lg {
|
|
74
|
+
padding: @btn-xs-padding;
|
|
75
|
+
}
|
|
59
76
|
}
|
|
60
77
|
|
|
61
78
|
&.btn-sm {
|
|
@@ -104,7 +121,7 @@
|
|
|
104
121
|
&.loading {
|
|
105
122
|
cursor: not-allowed;
|
|
106
123
|
pointer-events: none;
|
|
107
|
-
display: flex;
|
|
124
|
+
display: inline-flex !important;
|
|
108
125
|
justify-content: center;
|
|
109
126
|
align-items: center;
|
|
110
127
|
|
|
@@ -128,6 +145,7 @@
|
|
|
128
145
|
border: 1px solid #CED0DA !important;
|
|
129
146
|
background-color: #CED0DA !important;
|
|
130
147
|
color: #ffffff !important;
|
|
148
|
+
opacity: 1 !important;
|
|
131
149
|
}
|
|
132
150
|
|
|
133
151
|
&.btn-grey-standard {
|
|
@@ -141,12 +159,12 @@
|
|
|
141
159
|
min-width: 160px;
|
|
142
160
|
margin-right: 1.5rem;
|
|
143
161
|
color: #4f5a65;
|
|
144
|
-
.border-radius(4px);
|
|
162
|
+
.border-radius(4px) !important;
|
|
145
163
|
}
|
|
146
164
|
|
|
147
165
|
&.btn-grey {
|
|
148
|
-
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
149
|
-
background-color: #f2f4f7;
|
|
166
|
+
border: 1px solid rgba(0, 0, 0, 0.12) !important;
|
|
167
|
+
background-color: #f2f4f7 !important;
|
|
150
168
|
background-image: linear-gradient(to top, #f2f4f7, #ffffff);
|
|
151
169
|
text-transform: none;
|
|
152
170
|
padding: 10px 0;
|
|
@@ -155,8 +173,8 @@
|
|
|
155
173
|
font-weight: @font-weight-medium;
|
|
156
174
|
min-width: 160px;
|
|
157
175
|
margin-right: 1.5rem;
|
|
158
|
-
color: #4f5a65;
|
|
159
|
-
.border-radius(4px);
|
|
176
|
+
color: #4f5a65 !important;
|
|
177
|
+
.border-radius(4px) !important;
|
|
160
178
|
|
|
161
179
|
&:before {
|
|
162
180
|
content: "";
|
|
@@ -171,7 +189,7 @@
|
|
|
171
189
|
&.btn-with-icon {
|
|
172
190
|
.btn-icon {
|
|
173
191
|
border-right: 0;
|
|
174
|
-
font-size: @extra-small-font-size
|
|
192
|
+
font-size: @extra-small-font-size !important;
|
|
175
193
|
margin: -0.5rem 0.7rem -0.5rem 0.7rem;
|
|
176
194
|
}
|
|
177
195
|
|
|
@@ -267,12 +285,33 @@
|
|
|
267
285
|
border: solid 1px rgba(0, 0, 0, 0.1);
|
|
268
286
|
background: transparent;
|
|
269
287
|
color: inherit;
|
|
270
|
-
font-weight:
|
|
288
|
+
font-weight: @font-weight-semibold;
|
|
271
289
|
line-height: 40px;
|
|
272
290
|
white-space: nowrap;
|
|
273
291
|
cursor: pointer;
|
|
274
292
|
}
|
|
275
293
|
}
|
|
294
|
+
|
|
295
|
+
&.btn-reject {
|
|
296
|
+
color: @error-color;
|
|
297
|
+
border-color: @error-color;
|
|
298
|
+
|
|
299
|
+
.icon-cross {
|
|
300
|
+
&:before {
|
|
301
|
+
color: @error-color;
|
|
302
|
+
}
|
|
303
|
+
}
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
&.has-error {
|
|
307
|
+
border-color: @error-color !important;
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
&.btn-danger {
|
|
311
|
+
color: @white !important;
|
|
312
|
+
border-color: @error-color !important;
|
|
313
|
+
background-color: @error-color !important;
|
|
314
|
+
}
|
|
276
315
|
}
|
|
277
316
|
|
|
278
317
|
#btn-card,
|
|
@@ -413,33 +452,3 @@
|
|
|
413
452
|
}
|
|
414
453
|
}
|
|
415
454
|
}
|
|
416
|
-
|
|
417
|
-
.mobile-fixed-btn-wrap {
|
|
418
|
-
@media @lg {
|
|
419
|
-
&.hide-on-desktop {
|
|
420
|
-
display: none;
|
|
421
|
-
}
|
|
422
|
-
}
|
|
423
|
-
|
|
424
|
-
@media @md-max {
|
|
425
|
-
z-index: @zindex-fixed-low-priority;
|
|
426
|
-
position: fixed;
|
|
427
|
-
bottom: 0;
|
|
428
|
-
left: 0;
|
|
429
|
-
width: 100%;
|
|
430
|
-
background-color: #ffffff;
|
|
431
|
-
padding: @gatter;
|
|
432
|
-
}
|
|
433
|
-
|
|
434
|
-
.btn {
|
|
435
|
-
@media @md-max {
|
|
436
|
-
width: 100%;
|
|
437
|
-
padding-left: 0;
|
|
438
|
-
padding-right: 0;
|
|
439
|
-
}
|
|
440
|
-
}
|
|
441
|
-
|
|
442
|
-
.dropdown-button {
|
|
443
|
-
width: 50%;
|
|
444
|
-
}
|
|
445
|
-
}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
.goog-tooltip {
|
|
2
|
+
display: none !important;
|
|
3
|
+
|
|
4
|
+
&:hover {
|
|
5
|
+
display: none !important;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.goog-text-highlight {
|
|
10
|
+
background-color: transparent !important;
|
|
11
|
+
border: none !important;
|
|
12
|
+
.box-shadow (none) !important;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.goog-te-banner-frame.skiptranslate {
|
|
16
|
+
display: none !important;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.skiptranslate.goog-te-gadget {
|
|
20
|
+
height: 37px;
|
|
21
|
+
overflow: hidden;
|
|
22
|
+
|
|
23
|
+
@media @lg-max {
|
|
24
|
+
height: 41px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.goog-te-combo {
|
|
28
|
+
@media @lg-max {
|
|
29
|
+
margin: 0;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.google-translate-wrap {
|
|
35
|
+
display: flex;
|
|
36
|
+
align-items: start;
|
|
37
|
+
|
|
38
|
+
.google-icon {
|
|
39
|
+
display: inline-flex;
|
|
40
|
+
width: 20px;
|
|
41
|
+
height: 20px;
|
|
42
|
+
margin-top: 10px;
|
|
43
|
+
margin-right: 10px;
|
|
44
|
+
|
|
45
|
+
&:before {
|
|
46
|
+
content: ' ';
|
|
47
|
+
display: block;
|
|
48
|
+
width: 100%;
|
|
49
|
+
height: 100%;
|
|
50
|
+
background-image: @google-icon;
|
|
51
|
+
background-size: contain;
|
|
52
|
+
background-position: center;
|
|
53
|
+
background-repeat: no-repeat;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
#google_translate_element_reg {
|
|
58
|
+
flex: 1;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.goog-te-combo {
|
|
62
|
+
-webkit-appearance: none;
|
|
63
|
+
-moz-appearance: none;
|
|
64
|
+
appearance: none; /* remove default arrow */
|
|
65
|
+
background-image: url('https://gpresource.blob.core.windows.net/assets/img/icons/select-arrow.svg');
|
|
66
|
+
background-repeat: no-repeat;
|
|
67
|
+
background-position: 99% center;
|
|
68
|
+
opacity: 0.7;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
@media @lg {
|
|
73
|
+
.google-translate-wrap {
|
|
74
|
+
flex-direction: row-reverse;
|
|
75
|
+
|
|
76
|
+
.google-icon {
|
|
77
|
+
margin-right: 0;
|
|
78
|
+
margin-left: 10px;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
/*start - disable google translate "original text" tooltips*/
|
|
84
|
+
.goog-tooltip, #goog-gt-tt {
|
|
85
|
+
display: none !important;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.goog-tooltip:hover {
|
|
89
|
+
display: none !important;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.goog-text-highlight {
|
|
93
|
+
background-color: transparent !important;
|
|
94
|
+
border: none !important;
|
|
95
|
+
box-shadow: none !important;
|
|
96
|
+
}
|
|
97
|
+
/*end - disable google translate "original text" tooltips*/
|