@c8y/style 1023.30.0 → 1023.42.1

package/styles/steps-navbar.less

@@ -1,97 +0,0 @@
-// TODO: Remove after removing the wizard.html from modules/core/ui/containers (it's AngularJS)
-.steps-navbar {
-  &.c8y-wizard-nav {
-    padding: 0;
-    min-width: 600px;
-    .register-devices & {
-      min-width: 300px;
-      @media (min-width: @screen-sm-min) {
-        min-width: 420px;
-      }
-    }
-  }
-  .nav-tabs.nav-justified {
-    display: flex;
-    overflow: hidden;
-    flex-flow: row nowrap;
-    border-bottom: 1px solid fade(@black, 10%);
-    > li {
-      position: relative;
-      display: block;
-      flex: 1 1 auto;
-      max-width: 50%;
-
-      a {
-        margin: 0;
-        padding: @margin-8 calc(@margin-8 + @margin-4);
-        border: 0;
-        background-color: @component-background-default;
-        color: @gray-30;
-        font-size: 12px;
-        @media (min-width: @screen-sm-min) {
-          font-size: inherit;
-        }
-        &:focus {
-          outline: none;
-          border: 0;
-          background-color: inherit;
-        }
-        &:hover {
-          border: 0;
-          background-color: inherit;
-        }
-        &:before {
-          position: absolute;
-          top: 0;
-          left: 100%;
-          z-index: 10;
-          margin-left: 1px;
-          width: 0;
-          height: 0;
-          border-width: 18px 0 18px 10px;
-          border-style: solid;
-          border-color: transparent transparent transparent fade(@black, 10%);
-          content: '';
-        }
-        &:after {
-          position: absolute;
-          top: 0;
-          left: 100%;
-          z-index: 10;
-          width: 0;
-          height: 0;
-          border-width: 18px 0 18px 10px;
-          border-style: solid;
-          border-color: transparent transparent transparent @component-background-default;
-          content: '';
-        }
-      }
-      &:last-child > a {
-        &:after,
-        &:before {
-          display: none;
-        }
-      }
-      &.active {
-        > a {
-          border: 0;
-          background-color: @gray-30;
-          color: @component-background-default;
-          &:after {
-            border-color: transparent transparent transparent @gray-30;
-          }
-        }
-      }
-      &.completed {
-        > a {
-          border: 0;
-          background-color: @status-success;
-          color: @component-background-default;
-          &:after {
-            border-color: transparent transparent transparent @status-success;
-          }
-        }
-      }
-    }
-  }
-}

package/styles/timeline-list.less

@@ -1,210 +0,0 @@
-// TODO: Remove after updating all timeline lists to use the c8y-list group component
-.timeline-list {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  .timeline-item-date {
-    margin-right: 35px;
-    width: 40px;
-    color: @component-color-default;
-    font-size: 10px;
-    line-height: 1;
-  }
-  > div,
-  > li {
-    position: relative;
-    &::before {
-      position: absolute;
-      top: 0;
-      bottom: 1px;
-      left: 53px;
-      border: 1px dotted @component-border-color;
-      content: '';
-      transition: top 0.35s linear;
-    }
-    &.expanded::before {
-      transition: none; 
-    }
-    &:first-child {
-      &::before {
-        top: 50%;
-      }
-    }
-    &:last-child {
-      &::before {
-        bottom: 50%;
-      }
-    }
-    &:after {
-      position: absolute;
-      top: 50%;
-      left: 48px;
-      z-index: 10;
-      margin: -6px 0 0;
-      width: 12px;
-      height: 12px;
-      border-radius: 50%;
-      background-color: @component-color-disabled;
-      content: '';
-      transition: background 0.5s linear;
-
-      .box-shadow(inset 0 1px 2px fade(black, 30%));
-    }
-    &.active {
-      &:after {
-        background-color: @component-color-accent;
-      }
-      .timeline-item-content {
-        border-color: @component-color-accent;
-        .list-item-actions {
-          &:before {
-            display: inline-block;
-            margin-top: calc(@margin-base + 2);
-            margin-right: @margin-base;
-            padding: 0.2em 0.6em 0;
-            border-radius: 10px;
-            background-color: @component-color-accent;
-            color: @palette-high;
-            content: attr(data-active);
-            font-weight: bold;
-            font-size: 12px;
-          }
-          .dropdown {
-            display: none;
-          }
-        }
-        &:before {
-          left: -13px;
-          margin-top: -13px;
-          border-width: 13px 13px 13px 0;
-          border-color: transparent @component-color-accent transparent transparent;
-        }
-        &:after {
-          left: -10px;
-        }
-      }
-    }
-  }
-  .timeline-item-content {
-    position: relative;
-    flex: 1 1 0%;
-    margin-top: 0;
-    margin-bottom: @margin-base;
-    padding: @margin-base @component-padding;
-    min-height: 40px;
-    border: 2px solid @component-background-default;
-    background: @component-background-default;
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-    color: @component-color-default;
-    transition: background 0.5s linear, border 0.5s linear;
-
-    overflow-wrap: break-word;
-    &:before {
-      position: absolute;
-      top: 50%;
-      left: -12px;
-      margin-top: -10px;
-      width: 0;
-      height: 0;
-      border-width: 10px 10px 10px 0;
-      border-style: solid;
-      border-color: transparent fade(@black, 5%) transparent transparent;
-      content: '';
-    }
-    &:after {
-      position: absolute;
-      top: 50%;
-      left: -11px;
-      margin-top: -10px;
-      width: 0;
-      height: 0;
-      border-width: 10px 10px 10px 0;
-      border-style: solid;
-      border-color: transparent @component-background-default transparent transparent;
-      content: '';
-      transition: border 0.5s linear;
-    }
-    .list-item-icon {
-      align-self: flex-start;
-    }
-    .list-item-icon,
-    .list-item-icon [class^='dlt-c8y-icon-'],
-    .list-item-icon [class*=' dlt-c8y-icon-'] {
-      font-size: 20px;
-    }
-    .list-item-body {
-      flex: 1;
-      word-break: break-all; //this is added because of IE11
-    }
-
-    .collapse,
-    .collapsing {
-      flex: 1 1 100%;
-      order: 11000;
-      min-width: 100%;
-      width: auto;
-    }
-  }
-  .expanded {
-    background: transparent;
-    .timeline-item-date {
-      font-weight: bold;
-    }
-    &:after {
-      background-color: @component-color-accent;
-    }
-    .timeline-item-content {
-      border-color: @component-background-expanded;
-      background-color: @component-background-expanded;
-      color: @component-color-expanded;
-
-      &:after {
-        border-color: transparent @component-background-expanded transparent transparent;
-        background-color: transparent;
-      }
-    }
-  }
-  &.list-condensed {
-    .timeline-item-content {
-      margin: 0 0 @margin-4;
-      border-width: 0 0 0 2px;
-    }
-  }
-}
-
-@media (min-width: @screen-sm-min) {
-  .timeline-list {
-    .timeline-item-date {
-      width: 60px;
-    }
-    > li,
-    > div {
-      &::before {
-        left: 73px;
-      }
-      &::after {
-        left: 68px;
-      }
-    }
-  }
-}
-
-.timeline-list-item {
-  &.ng-enter {
-    opacity: 0;
-    transition: background 1s linear 0.5s, opacity 0.5s linear;
-    &.ng-enter-active {
-      opacity: 1;
-    }
-    &:after {
-      background-color: @component-realtime-added;
-    }
-    .timeline-item-content {
-      border-color: @component-realtime-added;
-      background-color: @component-realtime-added;
-      &:after {
-        border-color: transparent @component-realtime-added transparent transparent;
-      }
-    }
-  }
-}

package/styles/vendor/angular/angular-ui-select/select.less

@@ -1,161 +0,0 @@
-/* ui-select
- * http://github.com/angular-ui/ui-select
- * Version: 0.8.3 - 2014-10-14T18:22:05.435Z
- * License: MIT
- */
-
-/* Style when highlighting a search. */
-.ui-select-highlight {
-  font-weight: bold;
-}
-
-.ui-select-offscreen {
-  position: absolute !important;
-  top: 0px !important;
-  left: 0px !important;
-  overflow: hidden !important;
-  clip: rect(0 0 0 0) !important;
-  margin: 0 !important;
-  padding: 0 !important;
-  width: 1px !important;
-  height: 1px !important;
-  outline: 0 !important;
-  border: 0 !important;
-}
-
-/* Select2 theme */
-/* Mark invalid Select2 */
-.ng-dirty.ng-invalid > a.select2-choice {
-  border-color: @status-danger;
-}
-
-.select2-result-single {
-  padding-left: 0;
-}
-
-/* Selectize theme */
-/* Helper class to show styles when focus */
-.selectize-input.selectize-focus {
-  border-color: @form-control-border-color-focus !important;
-}
-
-/* Fix input width for Selectize theme */
-.selectize-control > .selectize-input > input {
-  width: 100%;
-}
-
-/* Fix dropdown width for Selectize theme */
-.selectize-control > .selectize-dropdown {
-  width: 100%;
-}
-
-/* Mark invalid Selectize */
-.ng-dirty.ng-invalid > div.selectize-input {
-  border-color: @status-danger;
-}
-
-/* Bootstrap theme */
-/* Helper class to show styles when focus */
-.btn-default-focus {
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
-  border-color: @btn-default-border-color-default;
-  background-color: @btn-default-background-default;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  color: #333;
-  text-decoration: none;
-}
-
-/* Fix Bootstrap dropdown position when inside a input-group */
-.input-group > .ui-select-bootstrap.dropdown {
-  /* Instead of relative */
-  position: static;
-}
-
-.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
-  border-radius: @form-control-border-radius;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-
-.ui-select-bootstrap > .ui-select-match {
-  /* Instead of center because of .btn */
-  text-align: left;
-}
-
-.ui-select-bootstrap > .ui-select-match > .caret {
-  position: absolute;
-  top: 45%;
-  right: 15px;
-}
-
-/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
-.ui-select-bootstrap > .ui-select-choices {
-  overflow-x: hidden;
-  max-height: 200px;
-  width: 100%;
-  height: auto;
-}
-
-.ui-select-multiple.ui-select-bootstrap {
-  padding: 0.3em;
-  height: auto;
-}
-
-.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
-  height: 1.666666em;
-  outline: none;
-  border: none;
-  background-color: transparent !important; /* To prevent double background when disabled */
-}
-
-.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
-  font-size: 1.6em;
-  line-height: 0.75;
-}
-
-.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
-  outline: 0;
-}
-
-.ui-select-bootstrap .ui-select-choices-row > a {
-  display: block;
-  clear: both;
-  padding: 3px 20px;
-  color: #333;
-  white-space: nowrap;
-  font-weight: 400;
-  line-height: 1.42857143;
-}
-
-.ui-select-bootstrap .ui-select-choices-row > a:hover,
-.ui-select-bootstrap .ui-select-choices-row > a:focus {
-  background-color: #f5f5f5;
-  color: #262626;
-  text-decoration: none;
-}
-
-.ui-select-bootstrap .ui-select-choices-row.active > a {
-  outline: 0;
-  background-color: #428bca;
-  color: #fff;
-  text-decoration: none;
-}
-
-.ui-select-bootstrap .ui-select-choices-row.disabled > a,
-.ui-select-bootstrap .ui-select-choices-row.active.disabled > a {
-  background-color: #fff;
-  color: #777;
-  cursor: not-allowed;
-}
-
-/* fix hide/show angular animation */
-.ui-select-match.ng-hide-add,
-.ui-select-search.ng-hide-add {
-  display: none !important;
-}
-
-/* Mark invalid Bootstrap */
-.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
-  border-color: @status-danger;
-}

package/styles/welcome.less

@@ -1,128 +0,0 @@
-c8y-dashboard-gridstack.welcome {
-  .grid-stack {
-    height: auto !important;
-  }
-  .grid-stack-item.ui-draggable-disabled:not(.grid-floater) {
-    position: relative;
-    top: inherit; // padding-left: (@grid-gutter-width / 2);
-    height: auto; // padding-right: (@grid-gutter-width / 2);
-    .grid-stack-item-content {
-      position: static;
-      .card-header-actions:after {
-        display: none;
-      }
-      .card-inner-scroll {
-        overflow: visible;
-        height: auto;
-        &:before,
-        &:after {
-          display: none;
-        }
-        > * {
-          margin-bottom: 0;
-        }
-        .card-group-block > .card {
-          border-radius: 0;
-          background-color: @component-background-default;
-        }
-        .quicklinks > .card {
-          flex: 1 0 120px;
-          min-width: 120px;
-          @media (min-width: @screen-sm-min) {
-            flex: 1 0 230px;
-            min-width: 230px;
-          }
-          .card-block {
-            width: 100%;
-          }
-        }
-      }
-    }
-  }
-  .grid-floater iframe:not(.twitter-timeline) {
-    width: 100% !important;
-    height: 100% !important;
-  }
-  .grid-floater .grid-stack-item-content {
-    margin: 0 !important;
-    margin-right: 15px !important;
-  }
-
-  @media (max-width: @screen-xs-max) {
-    .grid-floater.ui-draggable-disabled {
-      display: none;
-    }
-  }
-}
-
-[ng-controller='HelpAndSupportCtrl'] {
-  display: flex;
-  flex-flow: row wrap;
-  > .card {
-    flex: 0 0 33.33333%;
-    @media (min-width: @screen-sm-min) {
-      flex: 0 0 25%;
-    }
-    @media (min-width: @screen-md-min) {
-      flex: 1 0 14.28571429%;
-    }
-  }
-}
-
-a.help-and-support-doc {
-  padding-bottom: 100%;
-  min-height: 130px;
-  width: 100%;
-  > div {
-    -webkit-justify-content: flex-start;
-    justify-content: flex-start;
-    padding: 20px 10px 0;
-    img {
-      margin-bottom: 10px;
-      max-width: 24px;
-      max-height: 24px;
-    }
-    p {
-      color: @brand-primary;
-      font-size: 85%;
-    }
-  }
-}
-
-.quick-link-bgcolor-a,
-.quick-link-bgcolor-b .quick-link-bgcolor-c,
-.quick-link-bgcolor-d,
-.quick-link-bgcolor-e,
-.quick-link-bgcolor-f {
-  position: relative;
-  border: 0 !important;
-  &::before {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    background-color: @black;
-    content: '';
-    opacity: 0.05;
-
-    .transition(opacity 0.25s ease);
-  }
-  &:hover {
-    &::before {
-      opacity: 0;
-    }
-  }
-}
-
-.welcome-dont-show {
-  margin-top: -15px;
-  padding: 5px 0;
-  @media (min-width: @screen-sm-min) {
-    margin-top: -24px;
-    margin-bottom: 27px;
-  }
-  @media (min-width: @grid-float-breakpoint) {
-    padding: 5px 15px;
-  }
-}