toggle-components-library 1.33.0-beta.5 → 1.33.0-beta.7
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/dist/toggle-components-library.common.js +32396 -9732
- package/dist/toggle-components-library.common.js.map +1 -1
- package/dist/toggle-components-library.css +1 -1
- package/dist/toggle-components-library.umd.js +32396 -9732
- package/dist/toggle-components-library.umd.js.map +1 -1
- package/dist/toggle-components-library.umd.min.js +285 -8
- package/dist/toggle-components-library.umd.min.js.map +1 -1
- package/package.json +2 -2
- package/src/components/forms/ToggleDatePicker.vue +238 -142
- package/src/components/forms/ToggleInputCurrency.vue +8 -2
- package/src/components/forms/ToggleInputPercentage.vue +15 -4
- package/src/components/forms/ToggleInputSelect.vue +27 -8
- package/src/components/forms/ToggleInputText.vue +30 -7
- package/src/components/statusbar/ToggleStatusBar.vue +3 -28
- package/src/components/tables/ToggleTable.vue +115 -48
- package/src/index.js +1 -3
- package/src/sass/includes/_as_inputs.scss +55 -50
- package/src/sass/includes/_as_statusbar.scss +0 -97
- package/src/sass/includes/_as_table.scss +11 -9
- package/dist/img/arrow_down.787e1a8b.svg +0 -28
- package/package-lock.json +0 -20285
- package/src/components/forms/ToggleDateRangePicker.vue +0 -199
|
@@ -13,45 +13,6 @@
|
|
|
13
13
|
height: 35px;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
// Tooltip
|
|
17
|
-
.toggle-status-bar-tooltip-container{
|
|
18
|
-
position: absolute;
|
|
19
|
-
display: flex;
|
|
20
|
-
justify-content: right;
|
|
21
|
-
width: 100%;
|
|
22
|
-
right: 32px;
|
|
23
|
-
cursor: default;
|
|
24
|
-
|
|
25
|
-
.toggle-status-bar-tooltip {
|
|
26
|
-
position: relative;
|
|
27
|
-
display: inline-block;
|
|
28
|
-
width: 20px;
|
|
29
|
-
text-align: center;
|
|
30
|
-
border: 1px solid hotpink;
|
|
31
|
-
border-radius: 50px;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
// Tooltip text
|
|
35
|
-
.toggle-status-bar-tooltip .toggle-status-bar-tooltip-text {
|
|
36
|
-
visibility: hidden;
|
|
37
|
-
width: 200px;
|
|
38
|
-
background-color: rgba(0, 0, 0, .8);
|
|
39
|
-
color: #fff;
|
|
40
|
-
text-align: center;
|
|
41
|
-
padding: 10px;
|
|
42
|
-
border-radius: 6px;
|
|
43
|
-
position: absolute;
|
|
44
|
-
z-index: 1;
|
|
45
|
-
top: -5px;
|
|
46
|
-
right: 105%;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.toggle-status-bar-tooltip:hover .toggle-status-bar-tooltip-text {
|
|
50
|
-
visibility: visible;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
|
|
55
16
|
// Draft colours
|
|
56
17
|
.toggle-status-bar-draft {
|
|
57
18
|
background-color: #FFB88D;
|
|
@@ -59,11 +20,6 @@
|
|
|
59
20
|
.toggle-status-bar-label {
|
|
60
21
|
color: #A34308;
|
|
61
22
|
}
|
|
62
|
-
|
|
63
|
-
.toggle-status-bar-tooltip {
|
|
64
|
-
color: #A34308;
|
|
65
|
-
border: 1px solid #A34308;
|
|
66
|
-
}
|
|
67
23
|
}
|
|
68
24
|
|
|
69
25
|
// Processing colours
|
|
@@ -73,11 +29,6 @@
|
|
|
73
29
|
.toggle-status-bar-label {
|
|
74
30
|
color: #269BE3;
|
|
75
31
|
}
|
|
76
|
-
|
|
77
|
-
.toggle-status-bar-tooltip {
|
|
78
|
-
color: #269BE3;
|
|
79
|
-
border: 1px solid #269BE3;
|
|
80
|
-
}
|
|
81
32
|
}
|
|
82
33
|
|
|
83
34
|
// Complete colours
|
|
@@ -87,11 +38,6 @@
|
|
|
87
38
|
.toggle-status-bar-label {
|
|
88
39
|
color: #3BB40B;
|
|
89
40
|
}
|
|
90
|
-
|
|
91
|
-
.toggle-status-bar-tooltip {
|
|
92
|
-
color: #3BB40B;
|
|
93
|
-
border: 1px solid #3BB40B;
|
|
94
|
-
}
|
|
95
41
|
}
|
|
96
42
|
|
|
97
43
|
// Inactive colours
|
|
@@ -101,11 +47,6 @@
|
|
|
101
47
|
.toggle-status-bar-label {
|
|
102
48
|
color: #269BE3;
|
|
103
49
|
}
|
|
104
|
-
|
|
105
|
-
.toggle-status-bar-tooltip {
|
|
106
|
-
color: #269BE3;
|
|
107
|
-
border: 1px solid #269BE3;
|
|
108
|
-
}
|
|
109
50
|
}
|
|
110
51
|
|
|
111
52
|
// Active colours
|
|
@@ -116,26 +57,6 @@
|
|
|
116
57
|
.toggle-status-bar-label {
|
|
117
58
|
color: #FF4848;
|
|
118
59
|
}
|
|
119
|
-
|
|
120
|
-
.toggle-status-bar-tooltip {
|
|
121
|
-
color: #FF4848;
|
|
122
|
-
border: 1px solid #FF4848;
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
// Submitted colours
|
|
127
|
-
.toggle-status-bar-submitted {
|
|
128
|
-
background-color: #D7E9F2;
|
|
129
|
-
|
|
130
|
-
.toggle-status-bar-label {
|
|
131
|
-
color: #269BE3;
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
.toggle-status-bar-tooltip {
|
|
135
|
-
color: #269BE3;
|
|
136
|
-
border: 1px solid #269BE3;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
60
|
}
|
|
140
61
|
|
|
141
62
|
.toggle-status-bar-dot {
|
|
@@ -143,22 +64,4 @@
|
|
|
143
64
|
margin: 0 3px 0 0;
|
|
144
65
|
float: none !important;
|
|
145
66
|
padding: 0 !important;
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
// Dot blinking animation
|
|
149
|
-
|
|
150
|
-
.blinking {
|
|
151
|
-
animation: 2s blink ease infinite;
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
@keyframes blink {
|
|
155
|
-
|
|
156
|
-
from,
|
|
157
|
-
to {
|
|
158
|
-
opacity: 0;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
50% {
|
|
162
|
-
opacity: 1;
|
|
163
|
-
}
|
|
164
67
|
}
|
|
@@ -41,7 +41,8 @@ table.toggle-table {
|
|
|
41
41
|
|
|
42
42
|
thead {
|
|
43
43
|
th.toggle-table-th {
|
|
44
|
-
padding: 0 10px 20px 0;
|
|
44
|
+
//padding: 0 10px 20px 0;
|
|
45
|
+
padding: 0;
|
|
45
46
|
border: none;
|
|
46
47
|
text-align: left;
|
|
47
48
|
@include toggle-global-font-config;
|
|
@@ -54,7 +55,7 @@ table.toggle-table {
|
|
|
54
55
|
}
|
|
55
56
|
}
|
|
56
57
|
|
|
57
|
-
|
|
58
|
+
|
|
58
59
|
}
|
|
59
60
|
|
|
60
61
|
|
|
@@ -75,7 +76,7 @@ table.toggle-table {
|
|
|
75
76
|
text-indent: 1px;
|
|
76
77
|
text-overflow: '';
|
|
77
78
|
|
|
78
|
-
background: url(/img/icons/arrow-down-blue-tiny.svg) center right no-repeat;
|
|
79
|
+
//background: url(/img/icons/arrow-down-blue-tiny.svg) center right no-repeat;
|
|
79
80
|
background-size: 15px;
|
|
80
81
|
padding : 0.5rem 0rem 0.5rem 1rem;
|
|
81
82
|
}
|
|
@@ -98,7 +99,7 @@ table.toggle-table {
|
|
|
98
99
|
|
|
99
100
|
td.toggle-tablee-td {
|
|
100
101
|
@include toggle-global-font-config;
|
|
101
|
-
|
|
102
|
+
|
|
102
103
|
font-size: $toggle-font-size-small;
|
|
103
104
|
padding: 1rem 0;
|
|
104
105
|
padding-left:1rem;
|
|
@@ -146,19 +147,19 @@ table.toggle-table {
|
|
|
146
147
|
|
|
147
148
|
|
|
148
149
|
}
|
|
149
|
-
|
|
150
|
+
|
|
150
151
|
}
|
|
151
152
|
|
|
152
153
|
.toggle-date-input-calendar-icon{
|
|
153
154
|
&:after{
|
|
154
155
|
content: '';
|
|
155
|
-
}
|
|
156
|
+
}
|
|
156
157
|
.toggle-input{
|
|
157
158
|
font-size: 12px;
|
|
158
159
|
padding-right:0px !important;
|
|
159
160
|
}
|
|
160
|
-
}
|
|
161
|
-
|
|
161
|
+
}
|
|
162
|
+
|
|
162
163
|
}
|
|
163
164
|
|
|
164
165
|
|
|
@@ -173,7 +174,7 @@ table.toggle-table {
|
|
|
173
174
|
line-height: 1em;
|
|
174
175
|
position: relative;
|
|
175
176
|
display: block;
|
|
176
|
-
height:
|
|
177
|
+
height: 50px;
|
|
177
178
|
margin: 0 4px 8px 4px;
|
|
178
179
|
padding: 10px;
|
|
179
180
|
border:1px solid transparent;
|
|
@@ -195,6 +196,7 @@ table.toggle-table {
|
|
|
195
196
|
}
|
|
196
197
|
}
|
|
197
198
|
.toggle-table-searchable & {
|
|
199
|
+
cursor: pointer;
|
|
198
200
|
.toggle-table-th-title {
|
|
199
201
|
position: relative;
|
|
200
202
|
display: inline-block;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="6859.248 5124.248 13.752 13.752">
|
|
2
|
-
<defs>
|
|
3
|
-
<style>
|
|
4
|
-
.cls-1 {
|
|
5
|
-
fill: #e2f8ff;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.cls-1, .cls-2 {
|
|
9
|
-
stroke: #189ed1;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.cls-2, .cls-4 {
|
|
13
|
-
fill: none;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.cls-3 {
|
|
17
|
-
stroke: none;
|
|
18
|
-
}
|
|
19
|
-
</style>
|
|
20
|
-
</defs>
|
|
21
|
-
<g id="Symbol_43_5" data-name="Symbol 43 – 5" transform="translate(6660 4988)">
|
|
22
|
-
<g id="Ellipse_14" data-name="Ellipse 14" class="cls-1" transform="translate(199.248 150) rotate(-90)">
|
|
23
|
-
<circle class="cls-3" cx="6.876" cy="6.876" r="6.876"/>
|
|
24
|
-
<circle class="cls-4" cx="6.876" cy="6.876" r="6.376"/>
|
|
25
|
-
</g>
|
|
26
|
-
<path id="Path_6" data-name="Path 6" class="cls-2" d="M0,3.737l3.7-.06L3.737,0" transform="translate(206.244 139.249) rotate(45)"/>
|
|
27
|
-
</g>
|
|
28
|
-
</svg>
|