codecheck

1
// core
2
.p-contextmenu ul {
3
    margin: 0;
4
    padding: 0;
5
    list-style: none;
6
}
7

8
.p-contextmenu .p-submenu-list {
9
    position: absolute;
10
    min-width: 100%;
11
    z-index: 1;
12
}
13

14
.p-contextmenu .p-menuitem-link {
15
    cursor: pointer;
16
    display: flex;
17
    align-items: center;
18
    text-decoration: none;
19
    overflow: hidden;
20
    position: relative;
21
}
22

23
.p-contextmenu .p-menuitem-text {
24
    line-height: 1;
25
}
26

27
.p-contextmenu .p-menuitem {
28
    position: relative;
29
}
30

31
.p-contextmenu .p-menuitem-link .p-submenu-icon {
32
    margin-left: auto;
33
}
34

35
.p-contextmenu-enter-from,
36
.p-contextmenu-leave-active {
37
    opacity: 0;
38
}
39

40
.p-contextmenu-enter-active {
41
    transition: opacity 250ms;
42
}
43

44
// theme
45
.p-contextmenu {
46
    padding: $verticalMenuPadding;
47
    background: $overlayMenuBg;
48
    color: $menuTextColor;
49
    border: $overlayMenuBorder;
50
    box-shadow: $overlayMenuShadow;
51
    border-radius: $borderRadius;
52
    min-width: $menuWidth;
53

54
    .p-contextmenu-root-list {
55
        outline: 0 none;
56
    }
57

58
    .p-submenu-list {
59
        padding: $verticalMenuPadding;
60
        background: $overlayMenuBg;
61
        border: $overlayMenuBorder;
62
        box-shadow: $overlayMenuShadow;
63
        border-radius: $borderRadius;
64
    }
65

66
    .p-menuitem {
67
        @include menuitem();
68
    }
69

70
    .p-menuitem-separator {
71
        border-top: $divider;
72
        margin: $menuSeparatorMargin;
73
    }
74

75
    .p-submenu-icon {
76
        font-size: $menuitemSubmenuIconFontSize;
77

78
        &.p-icon {
79
            width: $menuitemSubmenuIconFontSize;
80
            height: $menuitemSubmenuIconFontSize;
81
        }
82
    }
83
}
84