RubyGems - solidus_backend_devise_token_auth - Versions diffs - 2.8.0.alpha.2 - Mend

solidus_backend_devise_token_auth 2.8.0.alpha.2

Files changed (801) hide show

data/app/assets/stylesheets/spree/backend/_bootstrap_custom.scss ADDED Viewed

@@ -0,0 +1,83 @@
+// Bootstrap overrides
+//
+// Copy variables from `_variables.scss` to this file to override default values
+// without modifying source files.
+// Colors
+//
+// Grayscale and brand colors for use across Bootstrap.
+$blue:   $color-3 !default;
+$red:    $color-5 !default;
+$orange: $color-6 !default;
+$green:  $color-2 !default;
+// Body
+//
+// Settings for the `<body>` element.
+$body-bg:       $color-1 !default;
+$body-color:    $color-4 !default;
+// Links
+//
+// Style anchor elements.
+$link-decoration:       none !default;
+$link-hover-color:      $color-2 !default;
+$link-hover-decoration: none !default;
+// Grid columns
+//
+// Set the number of columns and specify the width of the gutters.
+$grid-gutter-width-base:     1.875rem !default;
+// Fonts
+//
+// Font, line-height, and color for body text, headings, and more.
+$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$font-family-monospace:  Menlo, Monaco, Consolas, "Courier New", monospace !default;
+$font-family-base:       "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !default;
+$font-size-root: 13px !default;
+$font-weight-normal: 400 !default;
+$font-weight-bold: 600 !default;
+$h1-font-size: $font-size-root + 12 !default;
+$h2-font-size: $font-size-root + 10 !default;
+$h3-font-size: $font-size-root + 8 !default;
+$h4-font-size: $font-size-root + 6 !default;
+$h5-font-size: $font-size-root + 4 !default;
+$h6-font-size: $font-size-root + 2 !default;
+$headings-font-weight:   $font-weight-bold !default;
+$headings-color:         $color-4 !default;
+// Components
+//
+// Define common padding and border radius sizes and more.
+$border-radius:          3px !default;
+// Forms
+$input-color:                    $color-3 !default;
+$input-border-color:             $color-border !default;
+$input-focus-border-color:       $color-2 !default;
+$custom-select-focus-border-color: $input-focus-border-color !default;
+// Dropdowns
+//
+// Dropdown menu container and contents.
+$dropdown-link-hover-color:      #fff !default;
+$dropdown-link-hover-bg:         $color-3 !default;
+// Breadcrumbs
+$breadcrumb-bg:                 transparent !default;
+$breadcrumb-active-color:       $color-4 !default;

data/app/assets/stylesheets/spree/backend/components/_actions.scss ADDED Viewed

@@ -0,0 +1,29 @@
+table tbody tr {
+  &.highlight {
+    @each $action in $actions {
+      &.action-#{$action} {
+        td, th {
+          background-color: get-value($actions, $actions-bg-colors, $action);
+          border-color: get-value($actions, $actions-brd-colors, $action);
+        }
+      }
+    }
+    &.action-remove, &.action-void, &.action-failure {
+      td, th {
+        text-decoration: line-through;
+      }
+      td.actions {
+        text-decoration: none;
+      }
+    }
+  }
+  td.actions {
+    button {
+      cursor: pointer;
+    }
+  }
+}

data/app/assets/stylesheets/spree/backend/components/_breadcrumb.scss ADDED Viewed

@@ -0,0 +1,4 @@
+.breadcrumb {
+  font-size: 16px;
+  margin-bottom: 0;
+}

data/app/assets/stylesheets/spree/backend/components/_editable_table.scss ADDED Viewed

@@ -0,0 +1,36 @@
+.inline-editable-table tr:not(:hover):not(.editing)  {
+  input {
+    color: inherit;
+    background-color: transparent;
+  }
+  .select2-arrow {
+    display: none;
+  }
+  .select2-choice {
+    background-color: transparent;
+    border-color: transparent;
+    color: inherit;
+  }
+  .select2-chosen {
+    color: inherit;
+  }
+}
+.inline-editable-table tr {
+  .fa-check, .fa-cancel {
+    display: none !important;
+  }
+  &.editing {
+    .fa-check, .fa-cancel {
+      display: inline-block !important;
+    }
+    .fa {
+      display: none;
+    }
+  }
+}

data/app/assets/stylesheets/spree/backend/components/_hint.scss ADDED Viewed

@@ -0,0 +1,3 @@
+.hint-tooltip {
+  cursor: pointer;
+}

data/app/assets/stylesheets/spree/backend/components/_image_placeholder.scss ADDED Viewed

@@ -0,0 +1,24 @@
+.image-placeholder {
+  &.mini {
+    width: 50px;
+    height: 50px;
+    line-height: 48px;
+  }
+  &.small {
+    width: 102px;
+    height: 102px;
+    line-height: 100px;
+  }
+  display: inline-block;
+  margin: auto;
+  text-align: center;
+  border: 1px solid #ddd;
+  color: #aaa;
+  &:before {
+    font: normal normal normal 14px/1 FontAwesome;
+    content: "\f03e"; /* fa-picture-o */
+  }
+}

data/app/assets/stylesheets/spree/backend/components/_list_group.scss ADDED Viewed

@@ -0,0 +1,26 @@
+.list-group {
+  padding-left: 0;
+}
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+  // Place the border on the list items and negative margin up for better styling
+  margin-bottom: -1px;
+  border: 1px solid #cee1f4;
+  // Round the first and last items
+  &:first-child {
+    @include border-top-radius(4px);
+  }
+  &:last-child {
+    margin-bottom: 0;
+    @include border-bottom-radius(4px);
+  }
+}
+a.list-group-item:focus {
+  text-decoration: none;
+  background-color: #eff5fc;
+}

data/app/assets/stylesheets/spree/backend/components/_messages.scss ADDED Viewed

@@ -0,0 +1,57 @@
+.errorExplanation {
+  padding: 5px;
+  border: 1px solid very-light(theme-color("danger"), 12);
+  background-color: very-light(theme-color("danger"), 6);
+  border-radius: 3px;
+  color: very-light(theme-color("danger"), 30);
+  margin-bottom: 15px;
+  h2 {
+    font-size: 140%;
+    color: very-light(theme-color("danger"), 30);
+    margin-bottom: 5px;
+  }
+  p {
+    padding: 10px 0;
+  }
+  ul {
+    list-style-position: inside;
+    li {
+      font-weight: $font-weight-bold;
+    }
+  }
+}
+.flash-wrapper {
+  position: fixed;
+  bottom: 0;
+  left: $width-sidebar;
+  right: 0;
+  z-index: 1000;
+}
+.flash {
+  padding: 16px;
+  text-align: center;
+  font-size: 120%;
+  color: $color-1;
+  font-weight: $font-weight-bold;
+  &.notice  { background-color: rgba(theme-color("warning"),  0.8) }
+  &.success { background-color: rgba(theme-color("success"), 0.8) }
+  &.error   { background-color: rgba(theme-color("danger"),   0.8) }
+}
+.alert {
+  position: relative;
+  font-weight: normal !important;
+  a {
+    text-decoration: underline;
+  }
+  &.error a { color: very-light(theme-color("danger"), 10) }
+}

data/app/assets/stylesheets/spree/backend/components/_navigation.scss ADDED Viewed

@@ -0,0 +1,195 @@
+$padding-x-navbar: 26px;
+$padding-y-navbar: 13px;
+$padding-y-navbar-submenu: 9px;
+nav.menu {
+  ul {
+    list-style: none;
+    li {
+      a {
+        padding: 10px 0;
+        display: block;
+        position: relative;
+        text-align: left;
+        border: 1px solid transparent;
+        font-weight: $font-weight-bold;
+      }
+      &.active a {
+        color: $color-2;
+        border-left-width: 0;
+        border-bottom-color: $color-2;
+      }
+    }
+  }
+}
+.admin-nav {
+  border-right: $border-sidebar;
+  background: $color-sidebar-bg;
+  z-index: $zindex-sticky;
+}
+.admin-nav-header {
+  background-color: $color-1;
+  border-bottom: 1px solid $color-border;
+  text-align: center;
+  // Using line height for proper vertical centering.
+  // As line height does not take the border width into account we need to subtract it.
+  line-height: $main-header-height - 1px;
+}
+.admin-nav-menu {
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  li {
+    background: $color-navbar-bg;
+    &:hover {
+      background: $color-navbar-active-bg;
+      > a {
+        color: $color-navbar-active;
+      }
+    }
+    &.selected {
+      background: $color-navbar-active-bg;
+      > a {
+        color: $color-navbar-active;
+      }
+    }
+    &.selected li {
+      padding-left: 2em;
+    }
+    &:not(.selected):not(:hover) > ul {
+      display: none;
+    }
+    &:not(.selected) {
+      position: relative;
+      // flyout nav
+      > ul {
+        position: absolute;
+        top: 0;
+        left: 100%;
+        width: $width-sidebar-flyout;
+        margin-left: 0;
+        border: $border-sidebar;
+        background: $color-navbar-submenu-bg;
+        box-shadow: $box-shadow;
+        @include caret($direction: left, $color-caret: $color-navbar-submenu-bg);
+      &:before {
+        z-index: 1;
+        top: 1.5em;
+      }
+     }
+    }
+  }
+  a {
+    display: block;
+    padding: $padding-y-navbar $padding-x-navbar;
+    color: $color-navbar;
+    font-weight: normal;
+  }
+  .icon_link {
+    text-indent: 2em;
+    &:before {
+      position: absolute;
+      left: 1em;
+      transform: translateX(-50%);
+    }
+  }
+  // until .fa usage is corrected
+  .text {
+    font-family: $font-family-base;
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+  .admin-subnav {
+    background: $color-navbar-submenu-bg;
+    padding-top:    $padding-y-navbar - $padding-y-navbar-submenu;
+    padding-bottom: $padding-y-navbar - $padding-y-navbar-submenu;
+    li {
+      background: $color-navbar-submenu-bg;
+    }
+    a {
+      color: $color-navbar-submenu;
+      padding-top:    $padding-y-navbar-submenu;
+      padding-bottom: $padding-y-navbar-submenu;
+      &:hover {
+        color: $color-navbar-submenu-active;
+      }
+    }
+    .selected {
+      a {
+        color: $color-navbar-submenu-active;
+      }
+    }
+  }
+}
+.admin-nav-footer {
+  background-color: $color-navbar-footer-bg;
+  a {
+    color: $color-navbar-footer;
+    &:hover {
+      color: $color-navbar-footer-active;
+    }
+  }
+}
+.admin-locale-selection {
+  margin: 1em;
+}
+.admin-nav.fits .admin-nav-footer {
+  position: fixed;
+  bottom: 0;
+  width: $width-sidebar;
+  border-top: $border-sidebar;
+  border-right: $border-sidebar;
+}
+.admin-login-nav {
+  list-style: none;
+  padding: 0;
+  margin: 1rem 0;
+  li {
+    padding: 0.3rem 1.2rem;
+  }
+  a {
+    display: inline-block;
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  i {
+    margin-right: 0.5rem;
+  }
+}

data/app/assets/stylesheets/spree/backend/components/_number_with_currency.scss ADDED Viewed

@@ -0,0 +1,45 @@
+.number-with-currency {
+  $currency-width: 5.5rem;
+  &-symbol {
+    min-width: 2.5em;
+    /* bootstrap makes this a flexbox item */
+    justify-content: space-around;
+  }
+  &-amount {
+    min-width: 5rem;
+    text-align: right;
+  }
+  &-addon {
+    width: $currency-width;
+    text-align: left;
+  }
+  &-with-select {
+    .number-with-currency-amount {
+      border-right: 0;
+      &:focus + .number-with-currency-select {
+        border-left-color: $input-focus-border-color;
+      }
+    }
+    .number-with-currency-select {
+      @extend .custom-select;
+      cursor: pointer;
+      width: $currency-width;
+      @include border-radius($border-radius);
+      @include border-left-radius(0);
+      &::-ms-expand {
+        // Required to see full text of selected value on IE11
+        display: none;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/spree/backend/components/_pills.scss ADDED Viewed

@@ -0,0 +1,92 @@
+.pill {
+  display: inline-block;
+  padding: 0.2em 0.9em;
+  border-radius: 10px;
+  font-size: $font-size-pill;
+  background: $color-pill-neutral;
+  color: $color-pill-neutral-text;
+  white-space: nowrap;
+  $pill-states: (
+    complete: (
+      background: $color-pill-complete,
+      color: $color-pill-complete-text
+    ),
+    active: (
+      background: $color-pill-active,
+      color: $color-pill-active-text
+    ),
+    inactive: (
+      background: $color-pill-inactive,
+      color: $color-pill-inactive-text
+    ),
+    pending: (
+      background: $color-pill-pending,
+      color: $color-pill-pending-text
+    ),
+    warning: (
+      background: $color-pill-warning,
+      color: $color-pill-warning-text
+    ),
+    error: (
+      background: $color-pill-error,
+      color: $color-pill-error-text
+    )
+  );
+  @each $name, $colors in $pill-states {
+    &-#{$name} {
+      background: map-get($colors, background);
+      color: map-get($colors, color);
+    }
+  }
+}
+// Extend pill states for custom order, payment, and shipment state names
+.pill-address,
+.pill-awaiting,
+.pill-awaiting_return,
+.pill-backorder,
+.pill-backordered,
+.pill-balance_due,
+.pill-cart,
+.pill-checkout,
+.pill-confirm,
+.pill-credit_owed,
+.pill-delivery,
+.pill-in_transit,
+.pill-on_hand,
+.pill-partial,
+.pill-payment,
+.pill-processing,
+.pill-ready,
+.pill-resumed {
+  @extend .pill-pending;
+}
+.pill-authorized,
+.pill-canceled,
+.pill-completed,
+.pill-expired,
+.pill-given_to_customer,
+.pill-lost_in_transit,
+.pill-paid,
+.pill-received,
+.pill-reimbursed,
+.pill-returned,
+.pill-shipped,
+.pill-shipped_wrong_item,
+.pill-short_shipped,
+.pill-unexchanged,
+.pill-void {
+  @extend .pill-complete;
+}
+.pill-failed {
+  @extend .pill-warning;
+}
+.pill-errored,
+.pill-invalid {
+  @extend .pill-error;
+}

data/app/assets/stylesheets/spree/backend/components/_progress.scss ADDED Viewed

@@ -0,0 +1,58 @@
+.turbolinks-progress-bar {
+  background-color: $color-3;
+}
+#progress {
+  display: none;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
+  opacity: 0.8;
+  width: calc(100% - #{$width-sidebar});
+  .wrapper {
+    border-radius: 10px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 200px;
+    height: 100px;
+    margin-left: -100px;
+    margin-top: -50px;
+    padding: 11px 0;
+    background-color: $color-3;
+    color: $color-1;
+    text-align: center;
+  }
+  #spinner {
+    margin: auto;
+  }
+  .progress-message {
+    font-size: 130%;
+    font-weight: $font-weight-bold;
+    margin-top: 20px;
+  }
+}
+.spinner {
+  position: relative;
+  width: 30px;
+  height: 30px;
+  border: 6px solid rgba($color-spinner, 0.2);
+  border-left-color: rgba($color-spinner, 1);
+  animation: spinner 1s infinite linear;
+  border-radius: 50%;
+}
+@keyframes spinner {
+  from {
+    transform: rotate(0);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

data/app/assets/stylesheets/spree/backend/components/_sidebar.scss ADDED Viewed

@@ -0,0 +1,18 @@
+.content-sidebar {
+  padding-top: 0.65rem;
+  .has-tabs & {
+    padding-top: 3.25rem;
+  }
+  ul {
+    padding-left: 0;
+  }
+}
+.sidebar-title {
+  @include line-through($color: $color-border);
+  color: $color-2;
+  font-size: 14px;
+  font-weight: $font-weight-normal;
+}

data/app/assets/stylesheets/spree/backend/components/_states.scss ADDED Viewed

@@ -0,0 +1,11 @@
+// The state component has been deprecated in favour of Pills. This will be
+// removed in a future version of Solidus.
+.state {
+  @extend .pill;
+  @each $state in $states {
+    &.#{$state} {
+      @extend .pill-#{$state};
+    }
+  }
+}