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

   1 @import '../../../../../../assets/styles/variables';
   2 @import '../../../../../../assets/styles/override';
   3
   4
   5 // ---------------------------------------------------------------------------------------------------
   6 ///* override sdc-ui library tabs */
   7 // ---------------------------------------------------------------------------------------------------
   8
   9
  10 :host ::ng-deep .sdc-tabs {
  11
  12     .sdc-tabs-list {
  13         display: flex;
  14         border-bottom: 1px solid @sdcui_color_silver;
  15         min-height: min-content;
  16     }
  17     .sdc-tab {
  18         background-color: @sdcui_color_white;
  19         border: 1px solid @sdcui_color_silver;
  20         border-left: none;
  21         border-bottom: none;
  22         height: 36px;
  23         width: 60px;
  24         display: flex;
  25         align-content: center;
  26         justify-content: center;
  27         cursor: pointer;
  28         padding: 0;
  29         margin: 0;
  30
  31
  32         &.sdc-tab-active {
  33             background-color: @sdcui_color_silver;
  34             border-bottom: none;
  35         }
  36         &[disabled] {
  37             opacity: 0.3;
  38             cursor: default;
  39         }
  40     }
  41     &.sdc-tabs-header {
  42         .sdc-tab {
  43             font-size: 24px;
  44         }
  45     }
  46     &.sdc-tabs-menu {
  47         .sdc-tab {
  48             font-size: 14px;
  49             padding: 0px 10px 4px 10px;
  50         }
  51     }
  52     .sdc-tab-content {
  53         margin-top: 0;
  54         flex:1;
  55         overflow-y:auto;
  56     }
  57 }
  58
  59
  60 :host ::ng-deep .expand-collapse-title {
  61     margin-top: 1px;
  62     background-color: #eaeaea;
  63     color: #5a5a5a;
  64     font-family: OpenSans-Semibold, sans-serif;
  65 }