frontend/app/assets/stylesheets/archivesspace/submenu.scss
.dropdown-submenu {
  position: relative;

  fieldset {
    padding: 0.25rem 1.5rem;
  }
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: 0;
  border-radius: 4px;
}
.dropdown-submenu.dropleft > .dropdown-menu {
  right: 100%;
  left: auto;
  margin-top: -9px; // Align hovered first child dropdown-item with parent dropdown-item
  margin-right: 0;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > .dropdown-menu > fieldset > label:last-of-type {
  // Used in record toolbar Export dropdown
  margin-bottom: 0;
}
.dropdown-submenu > a::after,
.dropdown-submenu > button::after,
.dropdown-submenu > .linker-create-btn::after {
  display: block;
  content: ' ';
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: var(--secondary);
  margin-top: 7px;
  margin-right: -10px;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  @include border-radius(0 6px 6px 6px);
}

@media screen and (max-width: 700px) {
  .dropdown-menu.open-aligned-right {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 200;
    width: 320px;
  }
}

@media screen and (min-width: 701px) and (max-width: 800px) {
  .dropdown-menu.open-aligned-right {
    left: 0;
    right: 0;
    width: 300px;
  }
}
