79 lines
1.4 KiB
CSS
79 lines
1.4 KiB
CSS
/* License: MIT */
|
|
|
|
ul.context-menu,
|
|
ul.context-menu ul {
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
position: fixed;
|
|
max-height: 98%;
|
|
min-width: 20ex;
|
|
background: white;
|
|
color: black;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
font: menu;
|
|
border: 1px solid rgba(90,90,90,0.7);
|
|
border-radius: 2px;
|
|
box-shadow: 2px 2px 8px 1px rgba(90,90,90,0.3);
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.context-menu-item {
|
|
cursor: default;
|
|
display: flex;
|
|
padding: 4px 1ex;
|
|
vertical-align: middle;
|
|
}
|
|
.context-menu-item > * {
|
|
display: inline-block;
|
|
flex: 0 0 auto;
|
|
vertical-align: middle;
|
|
margin: auto;
|
|
}
|
|
|
|
.context-menu-item:hover:not(.context-menu-seperator),
|
|
.context-menu-item:hover:not(.context-menu-seperator) > * {
|
|
background: #2283fb;
|
|
color: white !important;
|
|
}
|
|
|
|
.context-menu-item.disabled,
|
|
.context-menu-item.disabled > * {
|
|
color: lightgray !important;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.context-menu-seperator {
|
|
border-bottom: 1px solid darkgray;
|
|
box-shadow: 0px 1px 0px 0px rgba(220,220,220,0.5);
|
|
margin-left: 1ex;
|
|
margin-right: 1ex;
|
|
margin-bottom: 2px;
|
|
margin-top: 2px;
|
|
padding: 0;
|
|
pointer-events: none;
|
|
}
|
|
.context-menu-seperator > * {
|
|
display: none !important;
|
|
}
|
|
.context-menu-icon {
|
|
font-size: 16px !important;
|
|
width: 16px;
|
|
height: 16px;
|
|
padding: 0;
|
|
margin: 0;
|
|
margin-right: 4px;
|
|
}
|
|
.context-menu-text {
|
|
flex: 1 1;
|
|
margin-right: 1ex;
|
|
}
|
|
|
|
.context-menu-key,
|
|
.context-menu-expand {
|
|
margin-left: 1.2em;
|
|
font-size: 10px;
|
|
}
|
|
|