gerrit.onap Code Review - sdc.git/blob

   1 @import './../../../../../assets/styles/variables.less';
   2 @import './../../../../../assets/styles/mixins.less';
   3
   4 .main-container {
   5   color: @main_color_m;
   6 }
   7
   8 .select-req-or-cap-span {
   9   float: left;
  10   margin-right: 15px;
  11   font-size: 13px;
  12 }
  13
  14 .select-type-label {
  15   .m_12_m;
  16   margin-bottom: 2px;
  17 }
  18
  19 .select-type {
  20   display: flex;
  21   margin-bottom: 10px;
  22
  23   .ui-element-dropdown {
  24     width: 40%;
  25     font-size: 13px;
  26
  27     /deep/ select {
  28       height: 31px;
  29     }
  30   }
  31 }
  32
  33 .table-and-list-container {
  34   display: flex;
  35   padding-top: 10px;
  36
  37   .inner-container {
  38     height: 300px;
  39     overflow-y: auto;
  40     border: @main_color_o solid 1px;
  41   }
  42
  43   .inner-container:not(:last-of-type) {
  44     border-right: none;
  45   }
  46
  47   .requirements-or-capabilities-container {
  48     width: 40%;
  49
  50     &.empty-list {
  51       background-color: @tlv_color_t;
  52       text-align: center;
  53
  54       &:before {
  55         content: 'Select "type" above';
  56         line-height: 298px;
  57       }
  58     }
  59
  60     .req-or-cap-item {
  61       border-bottom: @main_color_o solid 1px;
  62       padding: 10px;
  63       font-size: 13px;
  64
  65       &:hover:not(.selected) {
  66         background-color: @tlv_color_t;
  67         cursor: pointer;
  68       }
  69     }
  70   }
  71
  72   .properties-table-container {
  73     width: 60%;
  74     display: flex;
  75
  76     &.cap-selected {
  77       background-color: @tlv_color_t;
  78       border: @main_color_a solid 1px;
  79       -webkit-box-shadow: inset 8px -2px 7px -9px rgba(84, 84, 84, 1);
  80       -moz-box-shadow: inset 8px -2px 7px -9px rgba(84, 84, 84, 1);
  81       box-shadow: inset 8px -2px 7px -9px rgba(84, 84, 84, 1);
  82     }
  83
  84     .properties-table {
  85       margin: 15px;
  86       width: 100%;
  87     }
  88   }
  89 }
  90
  91 .selected {
  92   color: @main_color_a;
  93   background-color: @tlv_color_v;
  94   border-left: @main_color_a solid 4px;
  95 }