aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/directives/graphs-v2/asset-popover/asset-popover.less
blob: 1a113e5bdc8c814a7a185f08c99b4ffe16fc76d6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
.assetPopover {
    font-family: @font-opensans-regular;
    font-size: 13px;
    width:230px;
    padding:0 15px;
    position:absolute;
    display:flex;
    flex-direction:column;
    align-items:flex-start;

    &.left {
        align-items:flex-end;

        .uib-custom-tooltip {
            margin-left:-10px;
        }
    }

    .display-name-tooltip {

        border:solid 1px @main_color_p;
        color: @main_color_p;
        padding:5px 10px;
        width:200px;
        margin-bottom:10px;
        border-radius: 2px;
        background-color: rgba(80, 99, 113, 0.8);
        box-shadow: 0px 3px 7.44px 0.56px rgba(0, 0, 0, 0.33);
    }

    .uib-custom-tooltip {
        margin-left:20px;
        font-family: @font-opensans-regular;
        font-size: 13px;
    }

    .assetMenu {

        border-radius: 2px;
        border: solid 1px @main_color_p;
        background-color:  rgba(234, 234, 234, 0.7);
        box-shadow: 0px 3px 7.44px 0.56px rgba(0, 0, 0, 0.33);
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items:center;

        .sprite-new {
            border-bottom:solid 1px #CCC;
            &:hover:not(.disabled-icon) {
                .hand;
            }
            &:active:not(.disabled-icon) {
                background-color:  @main_color_a;
                border-bottom-color: @main_color_a;
            }
            &.trash-icon {
                border-bottom: none;
            }
        }


    }
}