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

   1 @import './../../../../../../../assets/styles/mixins';
   2
   3
   4 .expand-collapse-content {
   5     padding: 20px;
   6 }
   7
   8 .component-details-panel-tab-no-data {
   9     margin: 0 auto;
  10     padding-top: 30px;
  11     text-align: center;
  12
  13     .component-details-panel-tab-no-data-title {
  14         font-family: @font-opensans-bold;
  15     }
  16
  17 }
  18
  19 .component-details-panel-large-item {
  20     font-family: OpenSans-Semibold, sans-serif;
  21     overflow: hidden;
  22     text-overflow: ellipsis;
  23     white-space: nowrap;
  24     height: 32px;
  25     line-height: 32px;
  26     display: flex;
  27     flex-direction: row;
  28     justify-content: space-between;
  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-delete {
  41     cursor: pointer;
  42     visibility: hidden;
  43 }
  44
  45 /deep/ .w-sdc-designer-sidebar-section-title {
  46     color: #5a5a5a;
  47     font-family: OpenSans-Semibold, sans-serif;
  48     font-size: 14px;
  49     background-color: #eaeaea;
  50     cursor: pointer;
  51     display: flex;
  52     justify-content: space-between;
  53     align-items: center;
  54     text-transform: uppercase;
  55     line-height: 32px;
  56     padding: 0 10px 0 20px;
  57     margin-top: 1px;
  58     overflow: hidden;
  59     text-overflow: ellipsis;
  60     white-space: nowrap;
  61 }