sccoreui 6.3.78 → 6.3.80

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/App.scss CHANGED
@@ -440,14 +440,19 @@ code {
440
440
  .p-multiselect-items-wrapper {
441
441
  .p-multiselect-item.p-highlight {
442
442
  &::after {
443
- content: "";
444
- width: 14px;
445
- height: 6px;
446
- border-left: 2px solid #132067;
447
- border-bottom: 2px solid #132067;
448
- transform: rotate(-45deg);
443
+ // content: "";
444
+ // width: 14px;
445
+ // height: 6px;
446
+ // border-left: 2px solid #132067;
447
+ // border-bottom: 2px solid #132067;
448
+ // transform: rotate(-45deg);
449
+ // position: absolute;
450
+ // right: 10px;
451
+ content: url("./assets/png/checkmark_icon.png");
449
452
  position: absolute;
450
- right: 10px;
453
+ top: 48%;
454
+ right: 8px;
455
+ transform: translateY(-50%);
451
456
  }
452
457
  }
453
458
  }
@@ -2,7 +2,7 @@
2
2
  @import url("./assets/sccoreui.css");
3
3
  @import url("./assets/sccoreicons.css");
4
4
  @import url("./assets/flex.css");
5
- @import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
5
+ @import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap");
6
6
 
7
7
  :root {
8
8
  --fw-600: 600;
@@ -33,7 +33,7 @@
33
33
  // }
34
34
 
35
35
  body {
36
- font-family: 'Lato', sans-serif;
36
+ font-family: "Lato", sans-serif;
37
37
  -webkit-font-smoothing: antialiased;
38
38
  -moz-osx-font-smoothing: grayscale;
39
39
  line-height: var(--lh);
@@ -42,7 +42,7 @@ body {
42
42
  }
43
43
 
44
44
  code {
45
- font-family: 'Lato', sans-serif;
45
+ font-family: "Lato", sans-serif;
46
46
  }
47
47
 
48
48
  h1 {
@@ -60,6 +60,31 @@ h3 {
60
60
  font-weight: var(--fw-400);
61
61
  }
62
62
 
63
+ .p-multiselect {
64
+ .p-multiselect-header {
65
+ .p-multiselect-close {
66
+ display: none !important;
67
+ }
68
+ }
69
+ .p-multiselect-items {
70
+ .p-multiselect-item {
71
+ border-radius: 4px !important;
72
+ }
73
+ }
74
+ }
75
+
76
+ .p-multiselect-items-wrapper {
77
+ .p-multiselect-item.p-highlight {
78
+ &::after {
79
+ content: url("../assets/png/checkmark_icon.png");
80
+ position: absolute;
81
+ top: 48%;
82
+ right: 8px;
83
+ transform: translateY(-50%);
84
+ }
85
+ }
86
+ }
87
+
63
88
  // ============= custom progress steps =============== //
64
89
 
65
90
  .progress-container {
@@ -127,4 +152,4 @@ h3 {
127
152
  transform: translateY(100%);
128
153
  }
129
154
  }
130
- }
155
+ }
@@ -1152,25 +1152,12 @@ a {
1152
1152
  }
1153
1153
 
1154
1154
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight::after {
1155
- /* content: url("./svg/check.svg");
1155
+ content: url("../assets/png/checkmark_icon.png");
1156
1156
  width: 20px;
1157
1157
  height: 20px;
1158
1158
  position: absolute;
1159
1159
  top: 6px;
1160
- right: 5px; */
1161
- content: "";
1162
- display: inline-block;
1163
- background-image: url("../assets/png/checkmark_icon.png");
1164
- background-size: 12px;
1165
- background-repeat: no-repeat;
1166
- width: 14px !important;
1167
- height: 14px !important;
1168
- margin-left: 8px;
1169
- vertical-align: middle;
1170
- position: absolute;
1171
- top: 55% !important;
1172
- transform: translateY(-55%);
1173
- right: 8px;
1160
+ right: 5px;
1174
1161
  }
1175
1162
  .p-dropdown-panel
1176
1163
  .p-dropdown-items
@@ -1823,7 +1810,7 @@ a {
1823
1810
  .p-multiselect.p-multiselect-chip
1824
1811
  .p-multiselect-token
1825
1812
  .p-multiselect-token-icon.pi.pi-times-circle {
1826
- content: url("../assets//svg/remove.svg");
1813
+ content: url("../assets/svg/remove.svg");
1827
1814
  padding-left: 5px;
1828
1815
  }
1829
1816
 
@@ -1862,7 +1849,7 @@ a {
1862
1849
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
1863
1850
  }
1864
1851
  .p-multiselect-panel .p-multiselect-header {
1865
- padding: 8px;
1852
+ padding: 6px;
1866
1853
  border-bottom: 1px solid #dee2e6;
1867
1854
  color: #343a40;
1868
1855
  background: #f8f9fa;
@@ -1873,7 +1860,8 @@ a {
1873
1860
  /* display: none; */
1874
1861
  }
1875
1862
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
1876
- margin: 0 0.3rem;
1863
+ /* margin: 0 0.3rem; */
1864
+ margin: 0 !important;
1877
1865
  }
1878
1866
  .p-multiselect-panel
1879
1867
  .p-multiselect-header
@@ -8202,7 +8190,7 @@ a {
8202
8190
  }
8203
8191
 
8204
8192
  .p-dropdown-panel.dropdownpanel-with-check ul li.p-highlight::before {
8205
- content: url("../assets/svg/check.svg");
8193
+ content: url("../assets/png/checkmark_icon.png");
8206
8194
  width: 20px;
8207
8195
  height: 20px;
8208
8196
  position: absolute;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sccoreui",
3
- "version": "6.3.78",
3
+ "version": "6.3.80",
4
4
  "description": "ui-sccore",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",