catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/base/base-tab.component.less

   1 @import './../../../../../../../assets/styles/mixins';
   2 @import "./../../../../../../../assets/styles/variables-old";
   3 @import './../../../../../../../assets/styles/mixins_old';
   4
   5 /deep/
   6 .expand-collapse-content {
   7     padding: 20px;
   8 }
   9
  10 .component-details-panel-tab-no-data {
  11     margin: 0 auto;
  12     padding-top: 30px;
  13     text-align: center;
  14
  15     .component-details-panel-tab-no-data-title {
  16         font-family: @font-opensans-bold;
  17     }
  18
  19 }
  20
  21 .component-details-panel-large-item {
  22     font-family: OpenSans-Semibold, sans-serif;
  23     overflow: hidden;
  24     text-overflow: ellipsis;
  25     white-space: nowrap;
  26     height: 32px;
  27     line-height: 32px;
  28     vertical-align: middle;
  29
  30     &:hover {
  31         background-color: #f8f8f8;
  32         margin: 0 -20px; /* to fill expand-collapse-content padding */
  33         padding: 0 20px;
  34         .component-details-panel-item-delete {
  35             visibility: visible;
  36         }
  37     }
  38 }
  39
  40 .component-details-panel-item {
  41     overflow: hidden;
  42     text-overflow: ellipsis;
  43     white-space: nowrap;
  44     height: 22px;
  45     line-height: 22px;
  46     vertical-align: middle;
  47
  48     &.description {
  49         margin-top: 28px;
  50         white-space: normal;
  51         word-wrap: break-word;
  52         .value {
  53             max-width: none;
  54             font-weight: normal;
  55             font-family: @font-opensans-regular;
  56         }
  57     }
  58
  59     .name { font-family: OpenSans-Semibold, sans-serif; }
  60     .value { }
  61 }
  62
  63 .component-details-panel-item-delete {
  64     cursor: pointer;
  65     visibility: hidden;
  66 }