catalog-ui/src/app/ng2/components/logic/service-dependencies/service-dependencies.component.less

   1 @import './../../../../../assets/styles/variables.less';
   2 @import './../../../../../assets/styles/variables-old.less';
   3 @import './../../../../../assets/styles/mixins_old.less';
   4 @import './../../../../../assets/styles/mixins.less';
   5
   6 .service-dependencies {
   7
   8   /deep/ .checkbox-label-mark-as-dependent {
   9     padding: 7px 18px;
  10     position: relative;
  11     height: 61px;
  12     color: @main_color_a;
  13     box-shadow: 0 2px 7px @main_color_o;
  14     border-bottom: 1px solid @main_color_o;
  15     .checkbox-label {
  16       margin-top: 14px;
  17       .checkbox-label-content {
  18         font-size: 14px;
  19       }
  20     }
  21     .checkbox-container input[type=checkbox].checkbox-hidden[disabled] ~ .checkbox-label-content {
  22       opacity: 0.5;
  23     }
  24     .delete-btn {
  25       background-position: -137px -415px;
  26       width: 24px;
  27       height: 24px
  28     }
  29
  30     loader {
  31       top: 20px;
  32     }
  33   }
  34
  35   .i-sdc-designer-sidebar-section-content-node-filter-section {
  36     .i-sdc-designer-sidebar-section-content-node-filter {
  37       border-bottom: 1px solid @main_color_o;
  38       padding: 5px 10px 5px 18px;
  39       position: relative;
  40       height: 61px;
  41       display: flex;
  42       align-items: center;
  43       justify-content: space-between;
  44
  45       .filter-details {
  46         // .s_1;
  47         display: flex;
  48         flex: 1;
  49         align-items: center;
  50         justify-content: space-between;
  51         margin-left: 5px;
  52         width: 180px;
  53         .delete-icon {
  54           visibility: hidden;
  55         }
  56         &:not(.readonly):hover {
  57           .a_1;
  58         }
  59         &:hover .delete-icon{
  60           visibility: visible;
  61         }
  62         &.readonly {
  63           opacity: 0.5;
  64         }
  65       }
  66       .filter-desc {
  67         .sdc-ellipsis;
  68         width: 220px;
  69         position: relative;
  70         padding-right: 1em;
  71       }
  72
  73     }
  74   }
  75   .w-sdc-designer-sidebar-section-node-filter-footer {
  76     margin-top: 10px;
  77     margin-bottom: 10px;
  78     text-align: center;
  79     width: 100%;
  80   }
  81   .w-sdc-designer-sidebar-section-node-filter-footer-action {
  82     width: 180px;
  83     margin-top: 10px;
  84   }
  85 }
  86
  87 /deep/.sdc-accordion {
  88   margin-bottom: 0;
  89   display: grid;
  90
  91   .sdc-accordion-header {
  92     background-color: #e6f6fb;
  93     border-left: solid #009fdb 4px;
  94     box-shadow: 0 0px 3px -1px rgba(0, 0, 0, 0.3);
  95     margin-bottom: 2px;
  96     width: auto;
  97     height: auto;
  98     padding: 10px;
  99     color: #666666;
 100     font-family: OpenSans-Semibold, sans-serif;
 101     font-size: 14px;
 102   }
 103
 104   .sdc-accordion-body.open {
 105     padding-left: 0;
 106     padding-top: 0;
 107     .sdc-accordion-header { /*Second level - nested accordion */
 108       background-color: #f8f8f8;
 109       padding: 4px 20px 4px 37px;
 110       border-bottom: 1px solid #d2d2d2;
 111       border-left:none;
 112       height: 30px;
 113     }
 114   }
 115 }