@c8y/style 1021.59.1 → 1021.59.6

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": "@c8y/style",
3
- "version": "1021.59.1",
3
+ "version": "1021.59.6",
4
4
  "license": "Apache-2.0",
5
5
  "author": "Cumulocity GmbH",
6
6
  "description": "Styles for Cumulocity IoT applications",
@@ -51,7 +51,7 @@
51
51
  &.active,
52
52
  &:active {
53
53
  .c8y-list__item__body {
54
-
54
+
55
55
  &:after{
56
56
  .glyphicon();
57
57
  float: right;
@@ -75,7 +75,7 @@
75
75
  border-radius: @component-border-radius-focus !important;
76
76
  }
77
77
  }
78
-
78
+
79
79
  &.selectable.active{
80
80
  .c8y-list__item__body {
81
81
  &:after{
@@ -207,16 +207,16 @@ c8y-load-more.c8y-list__item {
207
207
  }
208
208
  }
209
209
 
210
- c8y-li-drag-handle {
210
+ c8y-li-drag-handle, c8y-list-item-drag-handle {
211
211
  display: flex;
212
212
  align-items: center;
213
213
  align-self: stretch;
214
214
  flex-shrink: 0;
215
215
  max-width: 0;
216
216
  overflow: hidden;
217
- // transition: all 0.25s ease;
217
+ transition: all 0.25s ease;
218
218
 
219
- c8y-li-drag-handle {
219
+ c8y-li-drag-handle, c8y-list-item-drag-handle {
220
220
  padding: 0 !important;
221
221
  cursor: move;
222
222
  max-width: fit-content !important;
@@ -250,14 +250,22 @@ c8y-li-drag-handle {
250
250
  c8y-li-drag-handle:not(.cdk-drag-disabled) + * {
251
251
  padding-left: 0;
252
252
  }
253
+
254
+ c8y-list-item-drag-handle:not(.cdk-drag-disabled) + * {
255
+ padding-left: 0;
256
+ }
253
257
  }
254
258
  }
255
259
 
256
260
  .c8y-list__item:hover {
257
261
  c8y-li-drag-handle:not(:empty) {
258
- max-width: unset;
259
- width: @margin-16;
260
- margin-right: calc(@margin-16 * -1);
262
+ max-width: 100px;
263
+ padding-left: @margin-8;
264
+ }
265
+
266
+ c8y-list-item-drag-handle:not(:empty) {
267
+ max-width: 100px;
268
+ padding-left: @margin-8;
261
269
  }
262
270
  }
263
271
 
@@ -336,7 +344,7 @@ c8y-li-drag-handle {
336
344
  padding-top: @margin-base;
337
345
  padding-bottom: @margin-base;
338
346
  }
339
-
347
+
340
348
  }
341
349
 
342
350
  .card,
@@ -265,7 +265,7 @@
265
265
  &:focus-within {
266
266
  outline: 0;
267
267
  background-color: @navigator-background-selected;
268
-
268
+ color: @navigator-text-color-selected;
269
269
  .btn-clean,
270
270
  .btn-link {
271
271
  background-color: transparent;