threddedDANIEL 0.14.5

data/app/assets/stylesheets/thredded/layout/_main-container.scss

@@ -0,0 +1,16 @@
+.thredded--main-container {
+  @include thredded--clearfix;
+  -webkit-font-smoothing: antialiased;
+  box-sizing: content-box;
+  color: $thredded-text-color;
+  font-family: $thredded-base-font-family;
+  font-size: $thredded-base-font-size;
+  line-height: $thredded-base-line-height;
+  margin: 0 auto;
+  max-width: $thredded-grid-container-max-width;
+  padding: 0;
+
+  @include thredded-media-tablet-and-up {
+    padding: 0 2rem $thredded-small-spacing 2rem;
+  }
+}

data/app/assets/stylesheets/thredded/layout/_main-navigation.scss

@@ -0,0 +1,79 @@
+@mixin thredded-breadcrumbs-chevron() {
+  background: asset-data-url("thredded/breadcrumb-chevron.svg") no-repeat center center;
+  content: "";
+  display: inline-block;
+  height: 10px;
+  margin: 0 ($thredded-small-spacing - 0.3rem) 0 $thredded-small-spacing;
+  width: 6px;
+}
+
+.thredded--main-navigation {
+  @extend %thredded--list-unstyled;
+  @include thredded--clearfix;
+  display: block;
+}
+
+.thredded--navigation-breadcrumbs {
+  @extend %thredded--list-unstyled;
+
+  li {
+    display: block;
+
+    a {
+      display: block;
+    }
+
+    @include thredded-media-tablet-and-down {
+      font-weight: bold;
+    }
+
+    @include thredded-media-mobile {
+      a {
+        position: relative;
+      }
+
+      &:first-child:last-child {
+        a, &.thredded--navigation-breadcrumbs--item-no-link {
+          padding: $thredded-small-spacing 0;
+        }
+      }
+
+      &:first-child:not(:last-child) {
+        a, &.thredded--navigation-breadcrumbs--item-no-link {
+          padding-top: ($thredded-small-spacing/2);
+        }
+      }
+
+      &:last-child:not(:first-child) {
+        a, &.thredded--navigation-breadcrumbs--item-no-link {
+          padding-bottom: ($thredded-small-spacing/2);
+          &::before {
+            @include thredded-breadcrumbs-chevron();
+            position: absolute;
+            top: 0.4em;
+            left: -1.625em;
+          }
+        }
+      }
+    }
+
+    @include thredded-media-tablet-and-up {
+      display: inline-block;
+      a, &.thredded--navigation-breadcrumbs--item-no-link {
+        display: inline-block;
+        padding: $thredded-small-spacing 0;
+      }
+      // Chevron
+      &::after {
+        @include thredded-breadcrumbs-chevron();
+      }
+      &:last-child::after {
+        display: none;
+      }
+    }
+  }
+
+  a {
+    @extend %thredded--nav-link;
+  }
+}

data/app/assets/stylesheets/thredded/layout/_moderation.scss

@@ -0,0 +1,97 @@
+.thredded--moderation-navigation {
+  position: relative;
+  @include thredded-media-desktop-and-up {
+    margin-bottom: $thredded-base-spacing;
+  }
+
+  &--items {
+    @extend %thredded--nav-tabs;
+    margin-bottom: $thredded-small-spacing;
+  }
+  &--item {
+    @extend %thredded--nav-tabs--item;
+  }
+}
+
+.thredded--pending-moderation .thredded--moderation-navigation--pending,
+.thredded--moderation-history .thredded--moderation-navigation--history,
+.thredded--moderation-users .thredded--moderation-navigation--users,
+.thredded--moderation-user .thredded--moderation-navigation--users,
+.thredded--moderation-activity .thredded--moderation-navigation--activity {
+  @extend %thredded--nav-tabs--item-current;
+}
+
+.thredded--post-moderation-actions {
+  @extend %thredded--buttons-list;
+}
+
+.thredded--moderated-notice {
+  margin-bottom: $thredded-base-spacing;
+  padding: $thredded-small-spacing $thredded-base-spacing;
+  background: $thredded-light-gray;
+}
+
+.thredded--post-moderation,
+.thredded--post-moderation-record {
+  .thredded--post--user a {
+    color: $thredded-action-color;
+  }
+}
+
+.thredded--post-moderation-record {
+  .thredded--post {
+    margin-bottom: 0;
+    margin-left: 1rem;
+    @include thredded-media-content-breakout {
+      margin-left: 4rem;
+    }
+  }
+  &--moderation-state-notice {
+    margin-bottom: 1rem;
+    a {
+      @extend %thredded--link;
+    }
+    .thredded--post-moderation-record-approved & {
+      color: $thredded-alert-success-color;
+    }
+    .thredded--post-moderation-record-blocked & {
+      color: $thredded-alert-danger-color;
+    }
+  }
+  &--content-changed-notice {
+    font-style: italic;
+    a {
+      @extend %thredded--link;
+    }
+  }
+}
+
+.thredded--post-moderation-record + .thredded--post-moderation-record {
+  margin-top: $thredded-large-spacing;
+}
+
+.thredded--moderation--users-table {
+  width: 100%;
+  a {
+    display: block;
+  }
+}
+
+.thredded--moderation--user--title {
+  margin: 0;
+}
+
+.thredded--moderation--user--info {
+  margin-left: 2rem;
+}
+
+.thredded--user--moderation-actions {
+  text-align: left;
+  margin-left: 4rem;
+  .button_to {
+    display: inline-block;
+  }
+  .button_to + .button_to {
+    margin-left: $thredded-small-spacing;
+  }
+}

data/app/assets/stylesheets/thredded/layout/_navigation.scss

@@ -0,0 +1,87 @@
+.thredded--navigation {
+  position: relative;
+  .thredded--icon {
+    display: none;
+  }
+}
+
+@include thredded-media-tablet-and-down {
+  $icon-nav-item-width: 2.625rem;
+  .thredded--navigation {
+    position: relative;
+    width: 100%;
+  }
+  .thredded--main-navigation {
+    position: relative;
+    border: none;
+  }
+  .thredded--navigation-breadcrumbs {
+    font-size: $thredded-font-size-small;
+    padding-right: $icon-nav-item-width * 2;
+    .thredded--is-moderator & {
+      padding-right: $icon-nav-item-width * 3;
+    }
+  }
+  .thredded--navigation--search-topics {
+    display: none;
+    .thredded--messageboards-index &,
+    .thredded--topics-index &,
+    .thredded--topic-search-results & {
+      @media screen {
+        display: block;
+      }
+    }
+  }
+  .thredded--user-navigation {
+    border-bottom: none;
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 2;
+    &-standalone {
+      display: block;
+      margin-bottom: 0;
+    }
+    %icon-nav-item {
+      box-sizing: border-box;
+      display: inline-block;
+      margin: 0 0 0 ($thredded-small-spacing/2);
+      padding: 0;
+      vertical-align: top;
+      a {
+        position: relative;
+        display: block;
+        padding: 0.4375rem 0 0.375rem 0;
+      }
+      .thredded--icon {
+        display: block;
+        width: 2rem;
+        height: 2rem;
+      }
+    }
+    %icon-counter {
+      bottom: 0.3125rem;
+      position: absolute;
+      right: -0.1875rem;
+    }
+    .thredded--nav-text {
+      display: none;
+    }
+    &--settings {
+      @extend %icon-nav-item;
+    }
+    &--private-topics {
+      @extend %icon-nav-item;
+      margin-top: 1px;
+      &--unread {
+        @extend %icon-counter;
+      }
+    }
+    &--moderation {
+      @extend %icon-nav-item;
+      &--pending-count {
+        @extend %icon-counter
+      }
+    }
+  }
+}

data/app/assets/stylesheets/thredded/layout/_search-navigation.scss

@@ -0,0 +1,126 @@
+.thredded--navigation--search {
+  $input-padding-x: 0.75rem;
+
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  top: 0;
+
+  @include thredded-media-tablet-and-down {
+    position: initial;
+    margin-bottom: $thredded-small-spacing;
+  }
+
+  label {
+    display: none;
+  }
+
+  input[type="search"] {
+    box-shadow: none;
+    width: 100%;
+
+    @include thredded-media-desktop-and-up {
+      $line-height: 1rem;
+      background: transparent;
+      border-color: transparent;
+      font-size: $thredded-font-size-small;
+      line-height: $line-height;
+      min-width: 13rem;
+      width: auto;
+      padding: 0.9375rem $input-padding-x 0.875rem $input-padding-x;
+      margin-top: -1px;
+      margin-bottom: 0;
+
+      &, &:focus {
+        transition: background, border-color, box-shadow, min-width 0.15s ease-out 0s;
+      }
+
+      &:focus, &:not(:placeholder-shown) {
+        background: $thredded-background-color;
+        box-shadow: none;
+        margin-right: 0;
+        margin-left: 0;
+        min-width: 16rem;
+        text-align: left;
+      }
+
+      &:hover {
+        border-color: transparent;
+        box-shadow: none;
+      }
+
+      &::-webkit-search-decoration,
+      &::-webkit-search-cancel-button,
+      &::-webkit-search-results-button,
+      &::-webkit-search-results-decoration {
+        // Remove excessive padding on Safari.
+        max-height: $line-height;
+      }
+
+      &:placeholder-shown, &:not(:focus) {
+        // On Chrome, the search [x] takes up space even when invisible,
+        // breaking the placeholder positioning. Remove it:
+        &::-webkit-search-cancel-button,
+        &::-webkit-search-decoration {
+          -webkit-appearance: none;
+          margin: 0;
+        }
+      }
+
+      &::placeholder {
+        color: $thredded-secondary-nav-color;
+        transition: $thredded-action-transition;
+        height: inherit;
+        line-height: inherit;
+        // Firefox applies default opacity of 0.54, while all the other browsers use 1.
+        // See https://bugzilla.mozilla.org/show_bug.cgi?id=556145
+        opacity: 1;
+      }
+
+      &:hover:not(:focus) {
+        &:placeholder-shown {
+          cursor: pointer;
+        }
+        &::placeholder {
+          color: $thredded-nav-hover-color;
+        }
+      }
+
+      &:focus, &:not(:placeholder-shown) {
+        border-color: $thredded-base-border-color;
+      }
+    }
+  }
+
+  [type="submit"] {
+    display: none;
+  }
+
+  @media print {
+    display: none;
+  }
+
+  // On the left:
+  right: auto;
+  left: 0;
+  @include thredded-media-desktop-and-up {
+    input[type="search"] {
+      text-align: left;
+      margin-right: 0;
+      margin-left: -$input-padding-x;
+    }
+  }
+
+  // On the right:
+  &--right {
+    right: 0;
+    left: auto;
+    @include thredded-media-desktop-and-up {
+      input[type="search"] {
+        text-align: right;
+        margin-right: -$input-padding-x;
+        margin-left: 0;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/thredded/layout/_user-navigation.scss

@@ -0,0 +1,20 @@
+.thredded--user-navigation {
+  @extend %thredded--nav-tabs;
+  text-align: right;
+  @media print {
+    display: none;
+  }
+}
+
+.thredded--user-navigation--item {
+  @extend %thredded--nav-tabs--item;
+
+  &.thredded--is-current {
+    @extend %thredded--nav-tabs--item-current;
+  }
+}
+
+.thredded--user-navigation--private-topics--unread,
+.thredded--user-navigation--moderation--pending-count {
+  @extend %thredded--nav-tabs--item--badge;
+}

data/app/assets/stylesheets/thredded/layout/_user.scss

@@ -0,0 +1,10 @@
+.thredded--user--avatar {
+  border-radius: 50%;
+  display: inline-block;
+  height: 1.75em;
+  width: 1.75em;
+  margin-right: $thredded-inline-spacing;
+  vertical-align: baseline;
+  position: relative;
+  top: 0.5em;
+}

data/app/assets/stylesheets/thredded/utilities/_is-compact.scss

@@ -0,0 +1,26 @@
+.thredded--is-compact {
+
+  input[type="submit"],
+  label {
+    height: 0;
+    margin: 0;
+    opacity: 0;
+    visibility: hidden;
+  }
+
+  input {
+    margin: 0;
+  }
+
+  li {
+    margin-bottom: 0;
+
+    &:not(.title) {
+      height: 0;
+      visibility: hidden;
+      opacity: 0;
+      margin: 0;
+    }
+  }
+}
+