// Styles for the topic admin menu

.topic-admin-popup-menu {
  ul {
    margin: 0;
    list-style: none;

    li {
      border: none;
      &:not(:last-of-type) {
        // so buttons don't appear "stuck" together when multiple are highlighted
        margin-bottom: 2px;
      }
    }
    ul {
      padding: 0.5em;
      &:not(:last-of-type) {
        border-bottom: 1px solid var(--primary-low);
      }
    }

    .btn {
      justify-content: left;
      text-align: left;
      width: 100%;
      padding: 0.5em;
    }
  }
}

.fk-d-menu {
  .topic-admin-popup-menu {
    width: 14em;
  }
}

// Styles for select posts mini menu

.selected-posts {
  border: 1px solid var(--tertiary-medium);
  background-color: var(--tertiary-low);
  .btn {
    border: none;
    color: var(--secondary);
    font-weight: normal;
    margin-bottom: 10px;
    &:not(.btn-danger) {
      background: var(--tertiary);
      border-color: var(--tertiary);
      &[href] {
        color: var(--secondary);
      }
      &:hover {
        color: var(--secondary);
        background: var(--tertiary-high);
      }
      &:active {
        @include linear-gradient(var(--tertiary-hover), var(--tertiary));
        color: var(--secondary);
      }
    }
    &[disabled] {
      text-shadow: 0 1px 0 rgba(var(--primary-rgb), 0.2);
      @include linear-gradient(var(--tertiary), var(--tertiary-hover));
      box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.33);
    }
  }
}