catalog-ui/src/app/directives/graphs-v2/asset-popover/asset-popover.less

   1 .assetPopover {
   2     font-family: @font-opensans-regular;
   3     font-size: 13px;
   4     width:230px;
   5     padding:0 15px;
   6     position:absolute;
   7     display:flex;
   8     flex-direction:column;
   9     align-items:flex-start;
  10
  11     &.left {
  12         align-items:flex-end;
  13
  14         .uib-custom-tooltip {
  15             margin-left:-10px;
  16         }
  17     }
  18
  19     .display-name-tooltip {
  20
  21         border:solid 1px @main_color_p;
  22         color: @main_color_p;
  23         padding:5px 10px;
  24         width:200px;
  25         margin-bottom:10px;
  26         border-radius: 2px;
  27         background-color: rgba(80, 99, 113, 0.8);
  28         box-shadow: 0px 3px 7.44px 0.56px rgba(0, 0, 0, 0.33);
  29     }
  30
  31     .uib-custom-tooltip {
  32         margin-left:20px;
  33         font-family: @font-opensans-regular;
  34         font-size: 13px;
  35     }
  36
  37     .assetMenu {
  38
  39         border-radius: 2px;
  40         border: solid 1px @main_color_p;
  41         background-color:  rgba(234, 234, 234, 0.7);
  42         box-shadow: 0px 3px 7.44px 0.56px rgba(0, 0, 0, 0.33);
  43         display:flex;
  44         flex-direction: column;
  45         justify-content: center;
  46         align-items:center;
  47
  48         .sprite-new {
  49             border-bottom:solid 1px #CCC;
  50             &:hover:not(.disabled-icon) {
  51                 .hand;
  52             }
  53             &:active:not(.disabled-icon) {
  54                 background-color:  @main_color_a;
  55                 border-bottom-color: @main_color_a;
  56             }
  57             &.trash-icon {
  58                 border-bottom: none;
  59             }
  60         }
  61
  62
  63     }
  64 }