catalog-ui/src/app/directives/graphs-v2/relation-menu/relation-menu.less

   1 .link-menu-open {
   2     display: block !important;
   3     color: @main_color_m;
   4     font-size: 14px;
   5     position: absolute;
   6     z-index: 99999;
   7     border-radius: 2px;
   8     background-color:  #ffffff;
   9     box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
  10     width: 460px;
  11     height: 418px;
  12
  13     h4 {
  14         width: 50%;
  15         float: left;
  16         background-color: @tlv_color_u;
  17         font-size: 14px;
  18         font-weight: bold;
  19         line-height: 36px;
  20         margin: 0;
  21         padding: 0 15px;
  22
  23         & + h4 {
  24             border-left: #d8d8d8 1px solid;
  25         }
  26     }
  27     p {
  28         clear: both;
  29         text-indent: 15px;
  30         border-bottom: #d8d8d8 1px solid;
  31         line-height: 34px;
  32         margin: 0;
  33         color: @func_color_s;
  34     }
  35
  36     .scrollbar-container {
  37         height: 232px;
  38         width: 50%;
  39         float: left;
  40         margin-bottom: 5px;
  41         .perfect-scrollbar;
  42
  43         & + .scrollbar-container {
  44             border-left: #d8d8d8 1px solid;
  45         }
  46
  47         .inner-title {
  48             width: 189px;
  49             margin: 5px auto 3px auto;
  50             //text-indent: 10px;
  51             color: @func_color_s;
  52             text-transform: uppercase;
  53             font-weight: bold;
  54
  55             //&:not(:first-child) {
  56             //    margin-top: 10px;
  57             //}
  58         }
  59
  60         .link-item {
  61             padding: 0 10px;
  62             line-height: 23px;
  63             height: 23px;
  64             text-indent: 5px;
  65             .hand;
  66
  67             &.selected {
  68                 background-color:  @tlv_color_v;
  69             }
  70         }
  71     }
  72
  73     .vl-type {
  74         height: 33px;
  75         border-top: #d8d8d8 solid 1px;
  76         clear: both;
  77         padding: 0 10px;
  78         line-height: 32px;
  79         color: @main_color_m;
  80
  81         &.disabled {
  82             background-color: #f2f2f2;
  83             color: @color_m;
  84         }
  85         .info-icon {
  86             float:right;
  87             margin-top: 9px;
  88         }
  89         .tlv-radio {
  90             margin-right: 10px;
  91         }
  92     }
  93
  94     .result {
  95         background-color: @main_color_m;
  96         line-height: 29px;
  97         color:  #ffffff;
  98         padding: 0 15px;
  99     }
 100
 101     button {
 102         float: right;
 103         margin-top: 9px;
 104         margin-right: 10px;
 105     }
 106 }
 107 .link-menu-item {
 108     cursor: pointer;
 109     line-height: 24px;
 110     padding: 0 10px;
 111     &:hover {
 112         color: @color_a;
 113     }
 114 }
 115 .link-menu::before {
 116     right: inherit !important;
 117     left: 50px;
 118 }