catalog-ui/src/app/ng2/components/logic/service-consumption/service-consumption.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/sprite.less';
   5
   6 .service-consumption {
   7   min-height: 100px;
   8   .no-operations-text {
   9     text-align: center;
  10     padding: 30px;
  11     opacity: 0.7;
  12     font-size: 14px;
  13   }
  14   .interface-operations-group {
  15     &:first-of-type {
  16       margin-top: 1px;
  17     }
  18     .interface-title {
  19       display: flex;
  20       .title-text {
  21         font-size: 14px;
  22         overflow: hidden;
  23         text-overflow: ellipsis;
  24         white-space: nowrap;
  25         max-width: 90%;
  26         padding-left: 4px;
  27       }
  28       &.expanded {
  29         background-color: @tlv_color_v;
  30         border-left: 4px solid @main_color_a;
  31         box-shadow: 0 0px 3px -1px rgba(0, 0, 0, 0.3);
  32         margin-bottom: 2px;
  33         padding-left: 4px !important;
  34         .expand-collapse-icon {
  35           .expand-collapse-minus-icon;
  36         }
  37       }
  38       .expand-collapse-icon {
  39         margin: 0 6px;
  40         display: inline-block;
  41         margin-top: 4px;
  42       }
  43     }
  44     .operation-data {
  45       border-bottom: 1px solid #c8cdd1;
  46       padding: 5px 10px 5px 18px;
  47       min-height: 61px;
  48       display: flex;
  49       align-items: center;
  50     }
  51
  52     .operation-name {
  53       // .s_1;
  54       overflow: hidden;
  55       text-overflow: ellipsis;
  56       white-space: nowrap;
  57       max-width: 220px;
  58       display: inline-block;
  59       &:not(.readonly):hover {
  60         .a_7;
  61       }
  62       &.readonly {
  63         opacity: 0.5;
  64       }
  65     }
  66   }
  67 }