/* 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; }