// GameContextMenu (guía A.5, paso 2.4): marco surface (3pixel_frame_borderimage, radio 3), filas de 22 px en Geist 12,
// hover surface-hover, atajo a la derecha en text-2, separador de 1 px border. Lo usan el clic derecho, los menús de
// los módulos y los desplegables (ComboBox*PopupMenu heredan este aspecto).
PopupMenuButton < UIButton
  size: 0 22
  text-offset: 8 0
  text-align: left
  font: verdana-11px-rounded
  ttf-font: $otmmo-font
  ttf-font-size: $otmmo-size-sm
  color: $otmmo-text
  background-color: alpha

  $hover !disabled:
    background-color: $otmmo-surface-hover

  $disabled:
    color: $otmmo-text-disabled

PopupMenuShortcutLabel < Label
  ttf-font: $otmmo-font
  ttf-font-size: $otmmo-size-xs
  color: $otmmo-text-2
  text-align: right
  anchors.fill: parent
  margin-right: 8
  margin-left: 8

PopupMenuSeparator < UIWidget
  margin: 4 4 4 4
  image-source: /images/ui/horizontal_line_bright
  height: 1
  phantom: true

PopupMenu < UIPopupMenu
  width: 80
  image-source: /images/ui/3pixel_frame_borderimage
  image-border: 4
  padding: 4

PopupScrollMenuButton < PopupMenuButton

PopupScrollMenuShortcutLabel < PopupMenuShortcutLabel

PopupScrollMenuSeparator < PopupMenuSeparator

PopupScrollMenu < UIPopupScrollMenu
  width: 50
  image-source: /images/ui/3pixel_frame_borderimage
  image-border: 4
  padding: 4

PopupMenuCheckBox < ThickCheckBox
  text-offset: 22 0
  text-align: left
  color: $otmmo-text
  background-color: alpha
  padding: 3 6

  $hover !disabled:
    background-color: $otmmo-surface-hover

  $disabled:
    color: $otmmo-text-disabled