@natec/mef-dev-ui-kit 20.1.1 → 20.1.2

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@natec/mef-dev-ui-kit",
3
- "version": "20.1.001",
3
+ "version": "20.1.2",
4
4
  "description": "MEF.DEV UI Kit Library",
5
5
  "author": {
6
6
  "name": "NATEC"
@@ -79,7 +79,7 @@
79
79
  color: $Light-Gray-1;
80
80
 
81
81
  &::after {
82
- content: '▼';
82
+ // content: '▼';
83
83
  font-size: 10px;
84
84
  position: absolute;
85
85
  right: 0;
@@ -163,7 +163,7 @@
163
163
  .datatable-footer {
164
164
  background: $Light-Gray-2;
165
165
  border-top: 1px solid rgba(0, 0, 0, 0.08);
166
- padding: 8px 20px;
166
+ padding: 8px 0px 8px 8px;
167
167
  font-size: 12px;
168
168
  color: $Dark-Gray-2;
169
169
  display: flex;
@@ -176,17 +176,7 @@
176
176
  }
177
177
 
178
178
  .datatable-pager {
179
- display: flex;
180
- align-items: center;
181
- margin: 0;
182
-
183
179
  ul {
184
- display: flex;
185
- list-style: none;
186
- padding: 0;
187
- margin: 0;
188
- gap: 4px;
189
-
190
180
  li {
191
181
  &.disabled a {
192
182
  opacity: 0.3;
@@ -201,12 +191,9 @@
201
191
  }
202
192
 
203
193
  a {
204
- display: flex;
205
- align-items: center;
206
- justify-content: center;
207
- min-width: 28px;
208
- height: 28px;
209
- padding: 0 8px;
194
+ min-width: 24px;
195
+ height: 24px;
196
+ padding: 0 10px;
210
197
  border-radius: 4px;
211
198
  color: $Dark-Gray-2;
212
199
  text-decoration: none;
@@ -214,7 +201,8 @@
214
201
  transition: background-color 0.2s ease;
215
202
 
216
203
  &:hover:not(.disabled) {
217
- background: color.mix($Light-Gray-1, $White, 20%);
204
+ // background: color.mix($Light-Gray-1, $White, 20%);
205
+ color: $Red;
218
206
  }
219
207
  }
220
208
  }
@@ -224,7 +212,7 @@
224
212
  .datatable-icon-right::before,
225
213
  .datatable-icon-skip::before,
226
214
  .datatable-icon-prev::before {
227
- font-size: 12px;
215
+ font-size: 14px;
228
216
  }
229
217
  }
230
218
  }
@@ -379,14 +367,7 @@
379
367
  background: color.mix($Dark-Gray-2, $Black-Color, 90%);
380
368
  border-top-color: rgba(255, 255, 255, 0.1);
381
369
  color: $White;
382
-
383
- .datatable-pager ul li a {
384
- color: $White;
385
-
386
- &:hover {
387
- background: rgba(255, 255, 255, 0.1);
388
- }
389
- }
370
+ height: 25px !important;
390
371
  }
391
372
 
392
373
  .datatable-group-header {