1 |
|
2 |
|
3 |
|
4 | .vxe-table--context-menu-wrapper,
|
5 | .vxe-table--context-menu-clild-wrapper {
|
6 | position: absolute;
|
7 | top: 0;
|
8 | left: 0;
|
9 | font-size: 12px;
|
10 | border: 1px solid $vxe-table-popup-border-color;
|
11 | box-shadow: 3px 3px 4px -2px rgba(0,0,0,.6);
|
12 | padding: 0 1px;
|
13 | user-select: none;
|
14 | color: $vxe-table-font-color;
|
15 | font-family: $vxe-font-family;
|
16 | background-color: $vxe-table-menu-background-color;
|
17 | }
|
18 | .vxe-context-menu--link {
|
19 | display: block;
|
20 | padding: 0 2.5em;
|
21 | width: $vxe-table-menu-item-width;
|
22 | line-height: 26px;
|
23 | color: $vxe-table-font-color;
|
24 | cursor: pointer;
|
25 | .vxe-context-menu--link-prefix,
|
26 | .vxe-context-menu--link-suffix {
|
27 | position: absolute;
|
28 | top: 5px;
|
29 | margin-right: 5px;
|
30 | font-size: 16px;
|
31 | }
|
32 | .vxe-context-menu--link-prefix {
|
33 | left: 5px;
|
34 | }
|
35 | .vxe-context-menu--link-suffix {
|
36 | right: 5px;
|
37 | &.suffix--haschild {
|
38 | top: 8px;
|
39 | &:before {
|
40 | position: absolute;
|
41 | content: "";
|
42 | border: 4px solid transparent;
|
43 | border-left-color: #727272;
|
44 | }
|
45 | }
|
46 | }
|
47 | .vxe-context-menu--link-content {
|
48 | display: block;
|
49 | overflow: hidden;
|
50 | text-overflow: ellipsis;
|
51 | white-space: nowrap;
|
52 | }
|
53 | }
|
54 | .vxe-table--context-menu-clild-wrapper {
|
55 | .vxe-context-menu--link {
|
56 | padding: 0 2em 0 2.5em;
|
57 | }
|
58 | }
|
59 | .vxe-context-menu--option-wrapper,
|
60 | .vxe-table--context-menu-clild-wrapper {
|
61 | margin: 0;
|
62 | padding: 0;
|
63 | list-style-type: none;
|
64 | border-bottom: 1px solid #E8EAED;
|
65 | li {
|
66 | position: relative;
|
67 | margin: 1px 0;
|
68 | border: 1px solid transparent;
|
69 | &:last-child {
|
70 | border: 0;
|
71 | }
|
72 | &.link--active {
|
73 | background-color: #C5C5C5;
|
74 | border-color:#C5C5C5;
|
75 | & > .vxe-context-menu--link {
|
76 | color: #2B2B2B;
|
77 | }
|
78 | }
|
79 | &.link--disabled {
|
80 | & > .vxe-context-menu--link {
|
81 | color: $vxe-disabled-color;
|
82 | cursor: no-drop;
|
83 | }
|
84 | &.link--active {
|
85 | border-color:#C0C1C2;
|
86 | background-color: #EEEEEE;
|
87 | &:hover {
|
88 | background-color: inherit;
|
89 | }
|
90 | }
|
91 | }
|
92 | }
|
93 | }
|
94 | .vxe-table--context-menu-clild-wrapper {
|
95 | display: none;
|
96 | top: 0;
|
97 | left: 100%;
|
98 | &.is--show {
|
99 | display: block;
|
100 | }
|
101 | } |
\ | No newline at end of file |