angular-context-menu/angularContextMenu.css

Angular component containing context menu for web application.

.context-menu {
  all: initial;
  display: none;
  position: absolute;
  background-color: #ffffff;
  box-shadow: 1px 1px 1px 1px #d0d0d0;
}

.context-menu-item {
  padding: 10px 25px 10px 10px;
  min-width: 120px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.context-menu-item:hover {
  cursor: pointer;
  background-color: #eeeeee;
}

.context-menu-item.submenu:hover > .context-menu {
  display: block;
  position: absolute;
}

.context-menu-icon {
    display: inline-block;
    padding-right: 15px;
    width: 7px;
}

.context-menu-arrow {
    display: inline-block;
    position: absolute;
    right: 0px;
    padding-right: 10px;
}

.disabled-context-menu-item {
  color: #bbbbbb;
}

.disabled-context-menu-item:hover {
  background-color: #ffffff;
  cursor: default;
}

.separator-context-menu {
  margin: 10px;
  border-top: 1px solid #eeeeee;
  padding: 0;
  cursor: default;
  background-color: #eeeeee;
}