/*
* 1. Fix overflow of vis's specifically for inside embeddable panels, lets the panel decide the overflow
* 2. Force a better looking scrollbar
*/

.embPanel {
  .visualization {
    @include euiScrollBar; /* 2 */
  }

  .visLegend__toggle {
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    opacity: 0; /* 1 */

    &:focus {
      opacity: 1; /* 2 */
    }
  }
}

.visPanel__warnings {
  position: absolute;
  z-index: 2;
  right: $euiSizeM;
  bottom: $euiSizeM;
}

// OPTIONS MENU

/**
  * 1. Use opacity to make this element accessible to screen readers and keyboard.
  * 2. Show on focus to enable keyboard accessibility.
  * 3. Always show in editing mode
  */

.embPanel_optionsMenuPopover[class*='-isOpen'],
.embPanel:hover {
  .visLegend__toggle {
    opacity: 1;
  }
}

.embPanel--editing {
  .visLegend__toggle {
    opacity: 1; /* 3 */
  }
}