/**
 * @author Nicolas CARPi <nico-git@deltablot.email>
 * @copyright 2012 Nicolas CARPi
 * @see https://www.elabftw.net Official website
 * @license AGPL-3.0
 * @package elabftw
 */

@use './variables';

.navbar {
  background-color: variables.$mediumstrong;
  border: 0;
  border-radius: 0;
  margin-bottom: 10px;
  padding: 0 5%;
}

.navbar-brand {
  padding: 5px 5px 5px 0;
}

.nav-link {
  color: variables.$secondlevel;
  font-size: 90%;
  line-height: 40px;
  margin-left: 15px;
  margin-right: 15px;
  /* fix navbar height getting smaller on profile/ucp/admin/… pages */
  min-height: 43px;
  /* we want the border bottom to be same width as the text
       and the text centered on the bar */
  padding: 0 !important;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;

  /* blue on hover */
  &:hover {
    color: variables.$elabblue !important;
    transition-duration: 500ms;
  }

  /* selected nav entry */
  &.active {
    background-image: linear-gradient(to top, variables.$elabblue 0%, variables.$elabblue 100%);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 6px;
  }

  i {
    color: variables.$secondlevel;
  }
}

/* make the notification dropdown larger so english version fits in one line */
#navbar-notif-dropdown {
  min-width: 15vw;
}
