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

   1 .scroll-container {
   2     display: flex;
   3     overflow-y: auto;
   4 }
   5
   6 .i-sdc-designer-sidebar-section-content-item-property-and-attribute {
   7     color: #666666;
   8     font-family: OpenSans-Semibold, sans-serif;
   9     font-size: 14px;
  10     border-bottom: 1px solid #cdcdcd;
  11     min-height: 72px;
  12     padding: 15px 10px 10px 18px;
  13     // position: relative;
  14     display:flex;
  15
  16     .property-details {
  17         flex:1;
  18     }
  19
  20     .property-buttons {
  21         flex: 0 0 auto;
  22         align-self: center;
  23     }
  24 }
  25
  26 .i-sdc-designer-sidebar-section-content-item-property-and-attribute-label {
  27     display: block;
  28     font-weight: bold;
  29     &:hover {
  30         color: #3b7b9b;
  31     }
  32 }
  33
  34 .i-sdc-designer-sidebar-section-content-item-property-and-attribute-label, .i-sdc-designer-sidebar-section-content-item-property-value {
  35     overflow: hidden;
  36     text-overflow: ellipsis;
  37     max-width: 245px;
  38     white-space: nowrap;
  39     display: block;
  40 }
  41
  42
  43
  44 /deep/ .expand-collapse-content {
  45     max-height: max-content;
  46     padding: 10px 0;
  47
  48     .sdc-accordion .sdc-accordion-header {
  49
  50             background-color: #e6f6fb;
  51             border-left: solid #009fdb 4px;
  52             box-shadow: 0 0px 3px -1px rgba(0, 0, 0, 0.3);
  53             margin-bottom: 2px;
  54             width: auto;
  55             height: auto;
  56             padding: 10px;
  57             color: #666666;
  58             font-family: OpenSans-Semibold, sans-serif;
  59             font-size: 14px;
  60
  61     }
  62
  63     /deep/.sdc-accordion .sdc-accordion-body {
  64         padding-left: 0;
  65     }
  66 }