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

   1
   2 /deep/.sdc-accordion {
   3     margin-bottom: 0;
   4     display: grid;
   5
   6     .sdc-accordion-header {
   7         background-color: #e6f6fb;
   8         border-left: solid #009fdb 4px;
   9         box-shadow: 0 0px 3px -1px rgba(0, 0, 0, 0.3);
  10         margin-bottom: 2px;
  11         width: auto;
  12         height: auto;
  13         padding: 10px;
  14         color: #666666;
  15         font-family: OpenSans-Semibold, sans-serif;
  16         font-size: 14px;
  17     }
  18
  19     .sdc-accordion-body.open {
  20         padding-left: 0;
  21         padding-top: 0;
  22         .sdc-accordion-header { /*Second level - nested accordion */
  23             background-color: #f8f8f8;
  24             padding: 4px 20px 4px 37px;
  25             border-bottom: 1px solid #d2d2d2;
  26             border-left:none;
  27             height: 30px;
  28         }
  29     }
  30 }
  31
  32
  33 .relations-details-container {
  34     border-bottom: 1px solid #cdcdcd;
  35     padding: 10px 10px 10px 18px;
  36
  37     font-size: 14px;
  38     font-family: OpenSans-Regular, sans-serif;
  39
  40     .relations-name {
  41         color: #666666;
  42         font-weight: bold;
  43         overflow: hidden;
  44         text-overflow: ellipsis;
  45         white-space: nowrap;
  46         text-transform: capitalize;
  47         max-width: 240px;
  48         display: inline-block;
  49     }
  50
  51     .relations-desc {
  52         color: #8c8c8c;
  53         word-wrap: break-word;
  54         white-space: normal;
  55         max-width: 265px;
  56     }
  57 }