/*
 * @copyright Copyright (c) 2017 Julius Härtl <jus@bitgrid.net>
 * @copyright Copyright (c) 2016, John Molakvoæ <skjnldsv@protonmail.com>
 *
 * @author Julius Härtl <jus@bitgrid.net>
 *
 * @license GNU AGPL version 3 or any later version
 *
 *  This program is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU Affero General Public License as
 *  published by the Free Software Foundation, either version 3 of the
 *  License, or (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU Affero General Public License for more details.
 *
 *  You should have received a copy of the GNU Affero General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */

/**
 * Hotfix for support <NC13 with new app sidebar
 */
#app-navigation {
  .app-navigation-entry-menu.open {
    ul li a {
      background-position: 10px center;
      padding: 0 10px 0 36px !important;
    }
  }
  .app-navigation-entry-edit {
    display: none;
  }
  .editing {
    .app-navigation-entry-edit {
      display: block;
      position: absolute;
      background: $color-main-background;
      height: auto;
      z-index: 250;
    }
  }
}


/**
 * copied styles from core/css/styles.scss
 * to have the same breadcrumb styling in NC12
 */
.breadcrumb {
  display: inline-flex;
}
div.crumb {
  display: inline-flex;
  background-repeat: no-repeat;
  background-position: right center;
  height: 44px;
  background-size: auto 24px;
  flex: 0 0 auto;
  order: 1;
  padding-right: 7px;
  &.crumbmenu {
    order: 2;
    position: relative;
    a {
      opacity: 0.5
    }
  }
  &.hidden {
    display: none;
    ~ .crumb {
      order: 3;
    }
  }
  > a,
  > span {
    position: relative;
    padding: 12px;
    opacity: 0.5;
    top: 0 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex: 0 0 auto;
    &.icon-home {
      // Hide home text
      text-indent: -9999px;
    }
  }
  > a[class^='icon-'] {
    padding: 0;
    width: 44px;
  }
  &:not(:first-child) a {
  }
  &:last-child {
    font-weight: 600;
    margin-right: 10px;
    // Allow multiple span next to the main 'a'
    a ~ span {
      padding-left: 0;
    }
  }
  &:hover, &:focus, a:focus, &:active {
    > a,
    > span {
      opacity: .7;
    }
  }
}