@import (reference) '~app/less/variables';
@import (reference) '~app/less/themes/themeify';

.DropdownCover {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: @z-index-overlay;

  .themeify({
    background-color: @theme-overlay-color;
  });
}

@import (reference) '~app/less/variables';
@import (reference) '~app/less/themes/themeify';

.DropdownCover {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  z-index: @z-index-overlay;

  .themeify({
    background-color: @theme-overlay-color;
  });
}

Make dropdowns close on IOS when clicking outside the menu
Make dropdowns close on IOS when clicking outside the menu

Thanks Apple. This is silly, but described by links like
  http://stackoverflow.com/questions/3705937/
in which setting `cursor: pointer;`to the DropdownCover
tricks mobile safari into handling the click event...
you know, because it's not a touch event.