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
  36   .i-sdc-designer-sidebar-section-content-item-rules-section {
  37     .i-sdc-designer-sidebar-section-content-item-rule {
  38       border-bottom: 1px solid @main_color_o;
  39       padding: 5px 10px 5px 18px;
  40       position: relative;
  41       height: 61px;
  42       display: flex;
  43       align-items: center;
  44       justify-content: space-between;
  45
  46       .rule-details {
  47         // .s_1;
  48         display: flex;
  49         flex: 1;
  50         align-items: center;
  51         justify-content: space-between;
  52         margin-left: 5px;
  53         width: 180px;
  54         .delete-icon {
  55           visibility: hidden;
  56         }
  57         &:not(.readonly):hover {
  58           .a_1;
  59         }
  60         &:hover .delete-icon{
  61           visibility: visible;
  62         }
  63         &.readonly {
  64           opacity: 0.5;
  65         }
  66       }
  67       .rule-desc {
  68         .sdc-ellipsis;
  69         width: 220px;
  70         position: relative;
  71         padding-right: 1em;
  72       }
  73
  74     }
  75   }
  76   .w-sdc-designer-sidebar-section-footer {
  77     margin-top: 10px;
  78     text-align: center;
  79     width: 100%;
  80   }
  81   .w-sdc-designer-sidebar-section-footer-action {
  82     width: 180px;
  83     margin-top: 10px;
  84   }
  85 }