@c8y/style 1023.15.0 → 1023.17.0

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": "1023.15.0",
3
+ "version": "1023.17.0",
4
4
  "license": "Apache-2.0",
5
5
  "author": "Cumulocity GmbH",
6
6
  "description": "Styles for Cumulocity IoT applications",
@@ -94,6 +94,12 @@
94
94
  }
95
95
  color: @component-color-active;
96
96
  }
97
+ &:not(.selectable){
98
+ transition: border-left 0.15s linear;
99
+ }
100
+ &.active:not(.selectable){
101
+ border-left: 4px solid @component-color-active;
102
+ }
97
103
 
98
104
  &.disabled {
99
105
  opacity: @component-disabled-opacity;
@@ -40,6 +40,8 @@ c8y-resizable-grid {
40
40
  min-width: 0;
41
41
  flex-shrink: 0; // Prevent it from shrinking
42
42
  overflow: hidden;
43
+ display: flex;
44
+ flex-direction: column;
43
45
 
44
46
  >* {
45
47
  flex: 1;
@@ -51,6 +53,8 @@ c8y-resizable-grid {
51
53
  flex-grow: 1; // Col B takes up remaining space
52
54
  overflow: hidden;
53
55
  min-width: 0;
56
+ display: flex;
57
+ flex-direction: column;
54
58
 
55
59
  >* {
56
60
  flex: 1;
@@ -58,6 +62,10 @@ c8y-resizable-grid {
58
62
  }
59
63
  }
60
64
 
65
+ .inner-scroll {
66
+ overflow-y: auto;
67
+ }
68
+
61
69
  .resizer {
62
70
  width: 8px;
63
71
  flex: 0 0 8px;
@@ -91,3 +91,21 @@
91
91
  }
92
92
  }
93
93
  }
94
+
95
+ c8y-sv-details,
96
+ c8y-sv-list {
97
+ .inner-scroll {
98
+ >.card-header{
99
+ min-height: 56px;;
100
+ }
101
+ }
102
+ }
103
+ .card-dashboard c8y-sv-list {
104
+ .inner-scroll {
105
+ >.card-header{
106
+ min-height: 0;
107
+ padding-top: 4px;
108
+ padding-bottom: 4px;
109
+ }
110
+ }
111
+ }
package/styles/_tag.less CHANGED
@@ -11,7 +11,6 @@
11
11
  font-weight: 500;
12
12
  font-size: var(--c8y-font-size-xs);
13
13
  line-height: 1;
14
- flex-shrink: 0;
15
14
  align-self: flex-start;
16
15
  .form-control &{
17
16
  align-self: center;
@@ -36,7 +35,7 @@
36
35
  align-items: center;
37
36
  gap: 6px;
38
37
  height: 20px;
39
- flex: 0 0 fit-content;
38
+ flex: 0 1 fit-content;
40
39
  .btn-clean{
41
40
  padding: 0!important;
42
41
  }
@@ -24,6 +24,7 @@
24
24
  display: inline-flex;
25
25
  align-items: flex-start;
26
26
  line-height: var(--c8y-line-height-base);
27
+ word-break: break-word;
27
28
  > [class^='dlt-c8y-icon-'],
28
29
  > [class*=' dlt-c8y-icon-'],
29
30
  > .c8y-icon {