/**
 * @provides phui-basic-nav-view-css
 */

.device-desktop .phui-navigation-shell,
.phabricator-home.device .phui-navigation-shell {
  display: table;
  width: 100%;
  height: calc(100vh - {$menu.main.height});
}

.device-desktop .phui-navigation-shell .phabricator-nav,
.phabricator-home.device .phui-navigation-shell .phabricator-nav {
  display: table-row;
}

.device-desktop .phui-navigation-shell .phabricator-nav-local,
.phabricator-home.device .phui-navigation-shell .phabricator-nav-local {
  display: table-cell;
  position: relative;
  vertical-align: top;
  width: {$menu.profile.width};
  max-width: {$menu.profile.width};
  margin-top: 0;
  overflow: hidden;
}

.phui-basic-nav.phui-navigation-shell .phabricator-nav-local {
  width: 205px;
  padding-top: 4px;
  padding-right: 8px;
}

.phui-basic-nav .phabricator-side-menu {
  background-color: {$page.sidenav};
}

.phui-two-column-view .phui-basic-nav.phui-navigation-shell
  .phabricator-nav-local {
    width: {$menu.profile.width};
    max-width: {$menu.profile.width};
    padding-right: 0;
    padding-top: 0;
}

.phui-two-column-view .phui-basic-nav .phabricator-side-menu {
  background-color: #fff;
}

.phui-basic-nav .phabricator-side-menu {
  background-color: {$page.sidenav};
}

.phui-basic-nav .phabricator-side-menu .phui-list-item-view {
  display: block;
  white-space: nowrap;
  text-decoration: none;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
}

.phui-basic-nav .phabricator-side-menu .phui-list-item-href {
  display: block;
  padding: 6px 8px 6px 24px;
  color: {$darkbluetext};
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  overflow: hidden;
  text-overflow: ellipsis
}

.phui-basic-nav .phabricator-side-menu .phui-list-item-icon {
  margin-left: -12px;
  text-align: center;
  width: 24px;
}

.phui-basic-nav .phabricator-side-menu .phui-list-item-selected {
  background-color: rgba({$alphablack},.05);
  border-left: 4px solid {$sky};
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  font-weight: bold;
}

.device-desktop .phui-basic-nav .phabricator-side-menu
  .phui-list-item-selected
  a.phui-list-item-href:hover {
  background-color: rgba({$alphablack},.05);
}

.phui-basic-nav .phabricator-side-menu .phui-list-item-selected
  .phui-list-item-href {
  padding-left: 20px;
}

.phui-basic-nav .phabricator-side-menu .phui-list-item-type-label {
  padding: 6px 8px 4px 12px;
  color: {$darkbluetext};
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  border-style: solid;
}

.device-desktop .phui-basic-nav .phabricator-side-menu
  a.phui-list-item-href:hover {
  text-decoration: none;
  background-color: rgba({$alphablack},.07);
}