Contents

&--navigation {
  margin-bottom: $thredded-small-spacing;
  position: relative;
  .thredded--icon {
    display: none;
  }
}

@include thredded-media-mobile {
  &--navigation {
    display: table;
    position: relative;
    width: 100%;
  }
  &--main-navigation {
    position: relative;
    border: none;
  }
  &--navigation-breadcrumbs {
    font-size: $thredded-font-size-small;
    padding-right: 5rem;
  }
  &--navigation--search {
    display: none;
    .thredded--messageboards-index &,
    .thredded--topics-index &,
    .thredded--topic-search-results & {
      display: block;
    }
  }
  &--user-navigation {
    display: table-footer-group;
    &-standalone {
      display: block;
      margin-bottom: 0;
    }
    %icon-nav-item {
      margin-right: 0;
      padding: 0;
      position: absolute;
      top: (0.8rem - $thredded-small-spacing);
      z-index: 2;
      a {
        display: block;
        padding: ($thredded-small-spacing / 2) 0 ($thredded-small-spacing / 2) 0;
        font-size: 0;
      }
      .thredded--icon {
        display: block;
        width: 2rem;
        height: 2rem;
      }
    }
    &--settings {
      @extend %icon-nav-item;
      right: 2.6rem;
    }
    &--private-topics {
      @extend %icon-nav-item;
      right: 0;
      top: 1px;
      a {
        position: relative;
      }
      &--unread {
        bottom: 0.3rem;
        position: absolute;
        right: -0.2rem;
      }
    }
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
thredded-0.3.0	app/assets/stylesheets/thredded/layout/_navigation.scss