@c8y/style 1021.51.1 → 1021.54.2

package/styles/_c8y-list-group.less

@@ -214,7 +214,7 @@ c8y-li-drag-handle {
   flex-shrink: 0;
   max-width: 0;
   overflow: hidden;
-  transition: all 0.25s ease;
+  // transition: all 0.25s ease;
 
   c8y-li-drag-handle {
     padding: 0 !important;
@@ -230,12 +230,18 @@ c8y-li-drag-handle {
     }
   }
 
+  + c8y-li-checkbox{
+    padding-left: 0;
+  }
   .cdk-drag-disabled & {
     display: none;
 
     + * {
       padding-left: 0 !important;
     }
+    + c8y-li-checkbox {
+      padding-left: 16px!important;
+    }
   }
 }
 
@@ -249,8 +255,9 @@ c8y-li-drag-handle {
 
 .c8y-list__item:hover {
   c8y-li-drag-handle:not(:empty) {
-    max-width: 100px;
-    padding-left: @margin-8;
+    max-width: unset;
+    width: @margin-16;
+    margin-right: calc(@margin-16 * -1);
   }
 }
 

package/styles/_dashboard-widgets.less

@@ -21,3 +21,10 @@
 .widget-thumbnail {
   max-width: 100%;
 }
+
+
+.widget-preview{
+  .chart-container{
+    min-height: 240px;
+  }
+}

package/styles/_forms.less

@@ -137,6 +137,10 @@ label {
       opacity: @form-control-disabled-opacity;
     }
   }
+  &:has(.btn-help){
+    display: flex;
+    align-items: center;
+  }
 }
 
 // Normalize form controls
@@ -285,7 +289,7 @@ textarea.form-control {
   &--alarm{
     input + span{
       > i{
-        transform: translateY(-.5px);
+        transform: translateY(.3px);
       }
     }
   }

package/styles/_input-groups.less

@@ -25,6 +25,9 @@
     margin-bottom: 0;
     height: @form-control-height-base !important;
     min-width: 0;
+    &:not(:first-child) {
+      margin-left: -1px;
+    }
   }
   > .color-input {
     flex-grow: 0;
@@ -75,6 +78,7 @@
   }
 
   .form-group-sm &,
+  .input-group-sm &,
   &.input-sm {
     padding: @form-control-padding-small-vertical @form-control-padding-small-horizontal;
     font-size: @font-size-small;
@@ -97,9 +101,15 @@
   display: flex;
   align-items: stretch;
   max-height: @form-control-height-base;
+  &:not(:first-child) {
+    margin-left: -1px;
+  }
   &--last {
     margin-left: -1px;
   }
+  .input-group-sm &{
+    max-height: @form-control-height-sm;
+  }
 }
 
 .input-group-addon,
@@ -221,6 +231,12 @@
       border: 0;
     }
   }
+  &.input-group-sm{
+    .input-group-btn,
+    .input-group-addon {
+      height: @form-control-height-sm;
+    }
+  }
 }
 
 // Reset rounded corners

package/styles/_layouts.less

@@ -32,6 +32,14 @@ body {
   grid-column-end: -1;
 }
 
+@media screen and (min-width: @screen-sm-min) {
+  .grid_col--auto-360{
+    grid-template-columns: minmax(0,9fr) 360px;
+  }
+}
+
+
+
 /* Mixin that generate classes for setting three columns on a 12 column grid
  * example:
  * `grid__col-3-6-3`

package/styles/utilities.less

@@ -79,6 +79,13 @@
 .fit-h {
   height: 100% !important;
 }
+
+.fit-h--md{
+  @media (min-width: @screen-md-min){
+    height: 100% !important;
+  }
+}
+
 .fit-h-20 {
   height: 20px !important;
 }

package/variables/_c8y-icon-vars.less

@@ -0,0 +1,198 @@
+// dark icons
+@c8y-icon-dark-aab-icon-model: "\e900";
+@c8y-icon-dark-aab-icon-template-model: "\e901";
+@c8y-icon-dark-accounts: "\e902";
+@c8y-icon-dark-add-user: "\e903";
+@c8y-icon-dark-administration: "\e904";
+@c8y-icon-dark-alarm: "\e905";
+@c8y-icon-dark-alert-idle: "\e906";
+@c8y-icon-dark-alfabet: "\e907";
+@c8y-icon-dark-analytic-model: "\e908";
+@c8y-icon-dark-analytics-builder: "\e909";
+@c8y-icon-dark-apama-epl: "\e90a";
+@c8y-icon-dark-apama-machine-learning-workbench: "\e90b";
+@c8y-icon-dark-apama-machine-learning: "\e90c";
+@c8y-icon-dark-archive: "\e90d";
+@c8y-icon-dark-aris: "\e90e";
+@c8y-icon-dark-atom: "\e90f";
+@c8y-icon-dark-book: "\e910";
+@c8y-icon-dark-bookmark: "\e911";
+@c8y-icon-dark-bulb: "\e912";
+@c8y-icon-dark-business-rules: "\e913";
+@c8y-icon-dark-c8y-c: "\e914";
+@c8y-icon-dark-c8y-data: "\e915";
+@c8y-icon-dark-c8y-support: "\e916";
+@c8y-icon-dark-c8y: "\e917";
+@c8y-icon-dark-calendar: "\e918";
+@c8y-icon-dark-chart: "\e919";
+@c8y-icon-dark-circle-star: "\e91a";
+@c8y-icon-dark-cloud-container: "\e91b";
+@c8y-icon-dark-cockpit: "\e91c";
+@c8y-icon-dark-component: "\e91d";
+@c8y-icon-dark-connector-in: "\e91e";
+@c8y-icon-dark-connector-out: "\e91f";
+@c8y-icon-dark-css: "\e920";
+@c8y-icon-dark-cumulocity-iot: "\e921";
+@c8y-icon-dark-data-broker: "\e922";
+@c8y-icon-dark-data-explorer: "\e923";
+@c8y-icon-dark-data-hub: "\e924";
+@c8y-icon-dark-data-points: "\e925";
+@c8y-icon-dark-design: "\e926";
+@c8y-icon-dark-device-connect: "\e927";
+@c8y-icon-dark-device-control: "\e928";
+@c8y-icon-dark-device-management: "\e929";
+@c8y-icon-dark-device-profile: "\e92a";
+@c8y-icon-dark-device-protocols: "\e92b";
+@c8y-icon-dark-device: "\e92c";
+@c8y-icon-dark-dynamic-mapper: "\e92d";
+@c8y-icon-dark-e2e-monitoring: "\e92e";
+@c8y-icon-dark-energy: "\e92f";
+@c8y-icon-dark-enterprise: "\e930";
+@c8y-icon-dark-event-processing: "\e931";
+@c8y-icon-dark-events: "\e932";
+@c8y-icon-dark-fieldbus: "\e933";
+@c8y-icon-dark-find-map: "\e934";
+@c8y-icon-dark-firmware: "\e935";
+@c8y-icon-dark-grid-off: "\e936";
+@c8y-icon-dark-grid-on: "\e937";
+@c8y-icon-dark-group-add: "\e938";
+@c8y-icon-dark-group-open: "\e939";
+@c8y-icon-dark-group-remote-inactive: "\e93a";
+@c8y-icon-dark-group-remote-open: "\e93b";
+@c8y-icon-dark-group-remote: "\e93c";
+@c8y-icon-dark-group-smart-open: "\e93d";
+@c8y-icon-dark-group-smart: "\e93e";
+@c8y-icon-dark-group: "\e93f";
+@c8y-icon-dark-java: "\e940";
+@c8y-icon-dark-layers: "\e941";
+@c8y-icon-dark-layout: "\e942";
+@c8y-icon-dark-location: "\e943";
+@c8y-icon-dark-machine-portal: "\e944";
+@c8y-icon-dark-management: "\e945";
+@c8y-icon-dark-metering: "\e946";
+@c8y-icon-dark-mft: "\e947";
+@c8y-icon-dark-mobile-add: "\e948";
+@c8y-icon-dark-mobile-config: "\e949";
+@c8y-icon-dark-modules: "\e94a";
+@c8y-icon-dark-mycloud: "\e94b";
+@c8y-icon-dark-notification: "\e94c";
+@c8y-icon-dark-oee: "\e94d";
+@c8y-icon-dark-onnx: "\e94e";
+@c8y-icon-dark-overviews: "\e94f";
+@c8y-icon-dark-parameters-on: "\e950";
+@c8y-icon-dark-parameters: "\e951";
+@c8y-icon-dark-parking: "\e952";
+@c8y-icon-dark-report: "\e953";
+@c8y-icon-dark-reports: "\e954";
+@c8y-icon-dark-rocket: "\e955";
+@c8y-icon-dark-saas: "\e956";
+@c8y-icon-dark-security: "\e957";
+@c8y-icon-dark-shield: "\e958";
+@c8y-icon-dark-simulator: "\e959";
+@c8y-icon-dark-smart-rest: "\e95a";
+@c8y-icon-dark-smart-rules: "\e95b";
+@c8y-icon-dark-solution-accelerator: "\e95c";
+@c8y-icon-dark-streaming-analytics: "\e95d";
+@c8y-icon-dark-sub-tenants: "\e95e";
+@c8y-icon-dark-tenant-policies: "\e95f";
+@c8y-icon-dark-tools: "\e960";
+@c8y-icon-dark-tracking: "\e961";
+@c8y-icon-dark-usage-statistics: "\e962";
+@c8y-icon-dark-user: "\e963";
+@c8y-icon-dark-users: "\e964";
+@c8y-icon-dark-waste-bin: "\e965";
+@c8y-icon-dark-wm-api: "\e966";
+@c8y-icon-dark-wm-b2b: "\e967";
+@c8y-icon-dark-wm-dynamicapps: "\e968";
+@c8y-icon-dark-wm-integration: "\e969";
+
+// light icons
+@c8y-icon-light-aab-icon-model: "\e900";
+@c8y-icon-light-aab-icon-template-model: "\e901";
+@c8y-icon-light-accounts: "\e902";
+@c8y-icon-light-add-user: "\e903";
+@c8y-icon-light-administration: "\e904";
+@c8y-icon-light-alarm: "\e905";
+@c8y-icon-light-alert-idle: "\e906";
+@c8y-icon-light-analytic-model: "\e907";
+@c8y-icon-light-analytics-builder: "\e908";
+@c8y-icon-light-apama-epl: "\e909";
+@c8y-icon-light-apama-machine-learning-workbench: "\e90a";
+@c8y-icon-light-apama-machine-learning: "\e90b";
+@c8y-icon-light-archive: "\e90c";
+@c8y-icon-light-atom: "\e90d";
+@c8y-icon-light-book: "";
+@c8y-icon-light-bulb: "\e90e";
+@c8y-icon-light-business-rules: "\e90f";
+@c8y-icon-light-c8y-data: "\e910";
+@c8y-icon-light-c8y-support: "\e911";
+@c8y-icon-light-calendar: "\e912";
+@c8y-icon-light-chart: "\e913";
+@c8y-icon-light-circle-star: "\e914";
+@c8y-icon-light-cloud-container: "\e915";
+@c8y-icon-light-cockpit: "\e916";
+@c8y-icon-light-component: "\e917";
+@c8y-icon-light-connector-in: "\e918";
+@c8y-icon-light-connector-out: "\e919";
+@c8y-icon-light-data-broker: "\e91a";
+@c8y-icon-light-data-explorer: "\e91b";
+@c8y-icon-light-data-hub: "\e91c";
+@c8y-icon-light-data-points: "\e91d";
+@c8y-icon-light-design: "\e91e";
+@c8y-icon-light-device-connect: "\e91f";
+@c8y-icon-light-device-control: "\e920";
+@c8y-icon-light-device-management: "\e921";
+@c8y-icon-light-device-profile: "\e922";
+@c8y-icon-light-device-protocols: "\e923";
+@c8y-icon-light-device: "\e924";
+@c8y-icon-light-dynamic-mapper: "\e925";
+@c8y-icon-light-energy: "\e926";
+@c8y-icon-light-enterprise: "\e927";
+@c8y-icon-light-event-processing: "\e928";
+@c8y-icon-light-events: "\e929";
+@c8y-icon-light-fieldbus: "\e92a";
+@c8y-icon-light-find-map: "\e92b";
+@c8y-icon-light-firmware: "\e92c";
+@c8y-icon-light-grid-off: "\e92d";
+@c8y-icon-light-group-add: "\e92e";
+@c8y-icon-light-group-open: "\e92f";
+@c8y-icon-light-group-remote-inactive: "\e930";
+@c8y-icon-light-group-remote-open: "\e931";
+@c8y-icon-light-group-remote: "\e932";
+@c8y-icon-light-group-smart-open: "\e933";
+@c8y-icon-light-group-smart: "\e934";
+@c8y-icon-light-java: "\e935";
+@c8y-icon-light-layers: "\e936";
+@c8y-icon-light-location: "\e937";
+@c8y-icon-light-machine-portal: "\e938";
+@c8y-icon-light-management: "\e939";
+@c8y-icon-light-metering: "\e93a";
+@c8y-icon-light-mobile-add: "\e93b";
+@c8y-icon-light-mobile-config: "\e93c";
+@c8y-icon-light-modules: "\e93d";
+@c8y-icon-light-notification: "\e93e";
+@c8y-icon-light-oee: "\e93f";
+@c8y-icon-light-overviews: "\e940";
+@c8y-icon-light-parameters-on: "\e941";
+@c8y-icon-light-parking: "\e942";
+@c8y-icon-light-report: "\e943";
+@c8y-icon-light-reports: "\e944";
+@c8y-icon-light-rocket: "\e945";
+@c8y-icon-light-saas: "\e946";
+@c8y-icon-light-security: "\e947";
+@c8y-icon-light-shield: "\e948";
+@c8y-icon-light-simulator: "\e949";
+@c8y-icon-light-smart-rest: "\e94a";
+@c8y-icon-light-smart-rules: "\e94b";
+@c8y-icon-light-solution-accelerator: "\e94c";
+@c8y-icon-light-streaming-analytics: "\e94d";
+@c8y-icon-light-sub-tenants: "\e94e";
+@c8y-icon-light-tenant-policies: "\e94f";
+@c8y-icon-light-tools: "\e950";
+@c8y-icon-light-tracking: "\e951";
+@c8y-icon-light-usage-statistics: "\e952";
+@c8y-icon-light-user: "\e953";
+@c8y-icon-light-users: "\e954";
+@c8y-icon-light-waste-bin: "\e955";
+@c8y-icon-light-wm-integration: "\e956";
+

package/variables/index.less

@@ -14,6 +14,7 @@
 @import '_components-vars.less';
 @import '_navigator.less';
 @import '_dlt-c8y-icons-vars.less';
+@import '_c8y-icon-vars.less';
 
 @import '_alert-vars.less';
 @import '_badge-vars.less';