Improve navigation sub-menu and tabs effects (#2971)

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-main / misc / top-menu-dropdown.component.scss

@import '_variables';
@import '_mixins';

:host {
  display: block;
  height: $sub-menu-height;
  margin-bottom: $sub-menu-margin-bottom;
}

.parent-entry {
  span[role=button] {
    cursor: pointer;
  }

  a {
    display: block;
  }
}

::ng-deep .dropdown-toggle::after {
  position: relative;
  top: 2px;
}

::ng-deep .dropdown-menu {
  margin-top: 0 !important;
}

.icon {
  @include dropdown-with-icon-item;

  top: -1px;
}

.sub-menu.no-scroll {
  overflow-x: hidden;
}

.modal-body {
  .hidden {
    display: none;
  }

  a {
    @include disable-default-a-behaviour;

    color: currentColor;
    box-sizing: border-box;
    display: block;
    font-size: 1.2rem;
    padding: 9px 12px;
    text-align: initial;
    text-transform: unset;
    width: 100%;

    &.active {
      color: pvar(--mainBackgroundColor) !important;
      background-color: pvar(--mainHoverColor);
      opacity: .9;
    }
  }
}