@import './style'

// ========================================================
// Redmine Dashboard UI - Nav boxed

.rui-nav
  display: table
  width: 100%

  > nav
    display: table-cell
    vertical-align: top
    width: 260px
    padding: 5px 15px 5px 0

    // theming
    border-right: 1px solid $frame-color

    ul
      list-style: none
      padding: 0
      margin: 0

    a
      display: block
      padding: 7px 10px

      .help
        display: block
        font-weight: 300
        margin-top: 0.3em

        // theming
        font-size: 11px
        color: $primary-gray

      // theming
      &.active
        font-weight: bold
        background-color: $primary-paleblue

      // theming
      &:hover
        text-decoration: none
        background-color: $primary-brightblue
        outline: none
        color: $primary-white

        // theming
        .help
          color: $primary-white

      &:not(.focus)
        &::-moz-focus-inner
          padding: 0
          border: 0
        &:focus
          outline: 0

  > section
    display: table-cell
    vertical-align: top
    padding: 5px 0 5px 20px

    .rui-nav-pane
      display: none
      visibility: hidden

      &.active
        display: block
        visibility: visible

@import './style'

// ========================================================
// Redmine Dashboard UI - Nav boxed

.rui-nav
  display: table
  width: 100%

  > nav
    display: table-cell
    vertical-align: top
    width: 260px
    padding: 5px 15px 5px 0

    // theming
    border-right: 1px solid $frame-color

    ul
      list-style: none
      padding: 0
      margin: 0

    a
      display: block
      padding: 7px 10px

      .help
        display: block
        font-weight: 300
        margin-top: 0.3em

        // theming
        font-size: 11px
        color: $primary-gray

      // theming
      &.active
        font-weight: bold
        background-color: $primary-paleblue

      // theming
      &:hover
        text-decoration: none
        background-color: $primary-brightblue
        outline: none
        color: $primary-white

        // theming
        .help
          color: $primary-white

  > section
    display: table-cell
    vertical-align: top
    padding: 5px 0 5px 20px

    .rui-nav-pane
      display: none
      visibility: hidden

      &.active
        display: block
        visibility: visible

Remove browser focus reset on navigation
Remove browser focus reset on navigation
