@c8y/style 1022.34.0 → 1022.44.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c8y/style",
-  "version": "1022.34.0",
+  "version": "1022.44.3",
   "license": "Apache-2.0",
   "author": "Cumulocity GmbH",
   "description": "Styles for Cumulocity IoT applications",

package/styles/_asset-property-list.less

@@ -176,3 +176,10 @@
   padding-bottom: 7px;
   z-index: 2;
 }
+
+
+c8y-asset-property-list:has(.asset-property-list__actions.has-computed) {
+  .asset-property-list__actions{
+    min-width: 96px
+  }
+}

package/styles/_c8y-asset-selector-miller.less

@@ -62,7 +62,7 @@ c8y-asset-selector-miller {
     align-items: flex-start;
     flex-wrap: wrap;
     min-height: 48px!important;
-    &.miller-column__multi{
+    &.miller-column__show-selected{
       min-height: 72px!important;
     }
   }

package/styles/_c8y-asset-selector.less

@@ -117,10 +117,7 @@ c8y-asset-selector{
 }
 
 .c8y-asset-selector__item--start > .collapse > c8y-asset-selector-node > .c8y-asset-selector__item{
-  // padding-left: 0;
-  &:after{
-    // left: 14px;
-  }
+
   > .c8y-asset-selector__node > .btn.btn-default::before{
     display: none;
   }
@@ -134,11 +131,16 @@ c8y-asset-selector c8y-search-input .input-group {
     &,
     &:first-child,
     &:last-child {
-      padding-right: calc(@form-control-height-base + @form-control-padding-base-horizontal);
+      padding-right: calc(@form-control-height-base + @form-control-padding-base-horizontal)!important;
       padding-left: calc(@form-control-padding-base-horizontal * 2);
       border-radius: calc(@form-control-height-base * 0.5);
+      height: @form-control-height-sm !important;
     }
   }
+  .input-group-btn > .btn{
+    border-top-right-radius: @form-control-height-sm !important;
+    border-bottom-right-radius: @form-control-height-sm !important;
+  }
 }
 
 .c8y-asset-selector__item--start {

package/styles/_c8y-data-explorer.less

@@ -229,9 +229,10 @@ c8y-chart {
 
 .chart-load-more{
   position: absolute;
-  left: 48px;
-  right: 11px;
+  left: 16px;
+  right: 16px;
   bottom: 3px;
+  z-index: 20;
 }
 
 .meausurements2 c8y-measurements-icon-bar {
@@ -323,3 +324,11 @@ c8y-chart {
     right: -35px;
   }
 }
+
+.e-charts--aggregated-datapoint{
+  position: absolute;
+  right: 17px;
+  bottom: 3px;
+  display: flex;
+  align-items: center;
+}

package/styles/_c8y-list-group.less

@@ -267,7 +267,7 @@ c8y-li-drag-handle, c8y-list-item-drag-handle {
 }
 
 .no-card-context {
-  .c8y-list__item:not(:hover) {
+  .c8y-list__item{
     c8y-li-drag-handle:not(.cdk-drag-disabled) + * {
       padding-left: 0;
     }
@@ -498,6 +498,9 @@ c8y-li-drag-handle, c8y-list-item-drag-handle {
     top: 0;
     z-index: 10;
     background-color: inherit;
+    &:has(.dropdown.open){
+      z-index: 11;
+    }
   }
   .c8y-list__item__collapse--container{
     position: relative;

package/styles/_input-groups.less

@@ -132,7 +132,8 @@
 }
 
 // search with round corners
-.input-group.input-group-search {
+.input-group.input-group-search,
+.input-group-search .input-group {
   display: flex !important;
 
   .form-control {
@@ -181,6 +182,7 @@
       height: 100%;
       line-height: 1;
       border-radius: calc(@form-control-height-base * 0.5);
+      text-overflow: initial!important;
       &:hover {
         box-shadow: inset 0 0 0 2px @component-brand-primary;
       }
@@ -200,10 +202,6 @@
   }
 
   &.input-group-lg {
-    // .form-control:not(.c8y-radio):not(.c8y-checkbox) {
-    //   padding-left: 16px;
-    // }
-
     .input-group-btn,
     .input-group-addon {
       height: @form-control-height-lg;
@@ -216,6 +214,20 @@
   }
 }
 
+.input-group-search{
+  .input-group-btn > .btn{
+    border-top-right-radius: calc(@form-control-height-base * 0.5)!important;
+    border-bottom-right-radius: calc(@form-control-height-base * 0.5)!important;
+  }
+  &.input-group-lg {
+    .input-group-btn > .btn{
+      border-top-right-radius: @form-control-height-base!important;
+      border-bottom-right-radius: @form-control-height-base!important;
+    }
+  }
+}
+
+
 //smaller search input when using the c8y-search-input component
 c8y-search-input.input-group-sm{
   .input-group-search{
@@ -451,8 +463,10 @@ c8y-search-input.input-group-sm{
 // Remix the default form control sizing classes into new ones for easier manipulation.
 .input-group-lg > .form-control,
 .input-group-lg > .input-group-addon,
-.input-group-lg > .input-group-btn > .btn {
-  .input-lg();
+.input-group-lg > .input-group-btn > .btn,
+.input-group-search.input-group-lg .input-group > .form-control,
+.input-group-search.input-group-lg .input-group-btn > .btn{
+    .input-lg();
 }
 .input-group-lg > .form-group{
   height: @form-control-height-lg!important;

package/styles/mixins/text-emphasis.less

@@ -1,5 +1,5 @@
 .text-emphasis-variant(@color) {
-  color: @color;
+  color: @color!important;
   a&:hover,
   a&:focus {
     .brightness(0.8);

package/styles/utilities/_borders.less

@@ -116,3 +116,20 @@
   border-color: transparent !important;
   box-shadow: none !important;
 }
+
+
+.b-r-8 {
+  border-radius: @margin-8 !important;
+}
+.b-r-16 {
+  border-radius: @margin-16 !important;
+}
+.b-r-24 {
+  border-radius: @margin-24 !important;
+}
+.b-r-32 {
+  border-radius: @margin-32 !important;
+}
+.b-r-40 {
+  border-radius: @margin-40 !important;
+}