@colijnit/corecomponents_v12 258.1.29 → 258.1.30
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/bundles/colijnit-corecomponents_v12.umd.js +4 -0
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/core/enum/core-components-icon.enum.js +3 -1
- package/esm2015/lib/core/model/core-components-icon-svg.js +3 -1
- package/fesm2015/colijnit-corecomponents_v12.js +4 -0
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/list-of-icons/style/_layout.scss +55 -24
- package/lib/core/enum/core-components-icon.enum.d.ts +2 -0
- package/package.json +1 -1
- package/colijnit-corecomponents_v12-258.1.29.tgz +0 -0
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
position: relative;
|
|
4
4
|
display: block;
|
|
5
5
|
height: fit-content;
|
|
6
|
-
margin-right: -10px;
|
|
6
|
+
//margin-right: -10px;
|
|
7
|
+
padding: 5px 10px;
|
|
7
8
|
font-family: $cc-co-input-text-font-family;
|
|
8
9
|
font-size: $cc-co-input-text-font-size;
|
|
9
10
|
background: $cc-co-list-of-values-background-color;
|
|
@@ -16,24 +17,32 @@
|
|
|
16
17
|
align-items: center;
|
|
17
18
|
cursor: pointer;
|
|
18
19
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
}
|
|
20
|
+
//.co-icon svg {
|
|
21
|
+
// fill: $color-menu;
|
|
22
|
+
//}
|
|
22
23
|
|
|
23
24
|
.label {
|
|
24
25
|
margin-top: 2px;
|
|
25
26
|
text-align: center;
|
|
27
|
+
font-size: 9px;
|
|
26
28
|
}
|
|
27
29
|
|
|
28
30
|
.drop-arrow {
|
|
29
|
-
margin: 0 0 -7px -6px;
|
|
31
|
+
//margin: 0 0 -7px -6px;
|
|
32
|
+
position: absolute;
|
|
33
|
+
right: -15px;
|
|
34
|
+
z-index: 9;
|
|
35
|
+
bottom: 9px;
|
|
36
|
+
margin: 0 0 -12px -3px;
|
|
37
|
+
width: 15px;
|
|
38
|
+
height: 15px;
|
|
30
39
|
}
|
|
31
40
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}
|
|
41
|
+
//&.menu-opened {
|
|
42
|
+
// .drop-arrow {
|
|
43
|
+
// transform: rotate(180deg);
|
|
44
|
+
// }
|
|
45
|
+
//}
|
|
37
46
|
|
|
38
47
|
&.active {
|
|
39
48
|
flex-direction: row;
|
|
@@ -54,17 +63,29 @@
|
|
|
54
63
|
|
|
55
64
|
.dropdown-menu {
|
|
56
65
|
position: absolute;
|
|
57
|
-
top: 100%;
|
|
58
|
-
left: 0;
|
|
59
|
-
width: 65px;
|
|
60
|
-
padding-top: 10px;
|
|
61
|
-
box-shadow: -3px 0px 16px 1px rgba(0, 0, 0, 0.2);
|
|
62
|
-
border-radius: 5px;
|
|
63
|
-
background: #FFF;
|
|
66
|
+
//top: 100%;
|
|
67
|
+
//left: 0;
|
|
68
|
+
//width: 65px;
|
|
69
|
+
//padding-top: 10px;
|
|
70
|
+
//box-shadow: -3px 0px 16px 1px rgba(0, 0, 0, 0.2);
|
|
71
|
+
//border-radius: 5px;
|
|
72
|
+
//background: #FFF;
|
|
73
|
+
|
|
74
|
+
display: flex;
|
|
75
|
+
flex-direction: column;
|
|
76
|
+
grid-gap: 10px;
|
|
77
|
+
gap: 10px;
|
|
78
|
+
top: -1px;
|
|
79
|
+
left: -5px;
|
|
80
|
+
width: 50px;
|
|
81
|
+
padding: 6px 3px;
|
|
82
|
+
background: #f8f8fa;
|
|
83
|
+
border-radius: 3px;
|
|
84
|
+
box-shadow: 1px 1px 3px 1px #9d9d9d6e;
|
|
64
85
|
|
|
65
86
|
.icon-item {
|
|
66
87
|
position: relative;
|
|
67
|
-
margin-bottom: 12px;
|
|
88
|
+
//margin-bottom: 12px;
|
|
68
89
|
|
|
69
90
|
&.active {
|
|
70
91
|
flex-direction: column;
|
|
@@ -86,18 +107,23 @@
|
|
|
86
107
|
top: -10px;
|
|
87
108
|
left: 106%;
|
|
88
109
|
z-index: 1;
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
110
|
+
|
|
111
|
+
padding: 8px 6px 0;
|
|
112
|
+
border-radius: 3px;
|
|
113
|
+
background: #f8f8fa;
|
|
114
|
+
box-shadow: 1px 1px 3px 1px #9d9d9d6e;
|
|
115
|
+
|
|
116
|
+
//padding-top: 8px;
|
|
117
|
+
//box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.2), 4px 0px 10px rgba(0, 0, 0, 0.2), 0px 4px 10px rgba(0, 0, 0, 0.2);
|
|
118
|
+
//border-radius: 5px;
|
|
119
|
+
//background: #FFF;
|
|
94
120
|
|
|
95
121
|
.button-wrapper {
|
|
96
122
|
display: flex;
|
|
97
123
|
flex-direction: column;
|
|
98
124
|
align-items: center;
|
|
99
125
|
justify-content: center;
|
|
100
|
-
width: 65px;
|
|
126
|
+
//width: 65px;
|
|
101
127
|
margin-bottom: 8px;
|
|
102
128
|
text-align: center;
|
|
103
129
|
cursor: pointer;
|
|
@@ -109,6 +135,11 @@
|
|
|
109
135
|
color: $color-action;
|
|
110
136
|
}
|
|
111
137
|
}
|
|
138
|
+
|
|
139
|
+
.button-title {
|
|
140
|
+
margin-top: 2px;
|
|
141
|
+
font-size: 9px;
|
|
142
|
+
}
|
|
112
143
|
}
|
|
113
144
|
}
|
|
114
145
|
}
|
|
@@ -43,6 +43,8 @@ export declare enum CoreComponentsIcon {
|
|
|
43
43
|
Cancel = "cancel",
|
|
44
44
|
CancelRoundFilled = "cancel_round_filled",
|
|
45
45
|
CancelRoundOpen = "cancel_round_open",
|
|
46
|
+
CaretDownSolid = "caret_down_solid",
|
|
47
|
+
CaretUpSolid = "caret_up_solid",
|
|
46
48
|
Cart = "cart",
|
|
47
49
|
CartOpen = "cart_open",
|
|
48
50
|
CaseManager = "case_manager",
|
package/package.json
CHANGED
|
Binary file
|