RubyGems - solidus_backend - Versions diffs - 2.7.4 → 2.9.2 - Mend

solidus_backend 2.7.4 → 2.9.2

Potentially problematic release.

This version of solidus_backend might be problematic. Click here for more details.

Files changed (214) hide show

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

@@ -7,24 +7,27 @@
 //
 // Grayscale and brand colors for use across Bootstrap.
-$blue:   $color-3 !default;
-$red:    $color-5 !default;
-$orange: $color-6 !default;
-$green:  $color-2 !default;
+$primary:          $color-primary !default;
+$secondary:        $color-dark-accent !default;
+$blue:   $color-primary !default;
+$red:    $color-red !default;
+$orange: $color-yellow !default;
+$green:  $color-success !default;
 // Body
 //
 // Settings for the `<body>` element.
-$body-bg:       $color-1 !default;
-$body-color:    $color-4 !default;
+$body-bg:       $color-white !default;
+$body-color:    $color-dark !default;
 // Links
 //
 // Style anchor elements.
 $link-decoration:       none !default;
-$link-hover-color:      $color-2 !default;
+$link-hover-color:      $color-primary !default;
 $link-hover-decoration: none !default;
 // Grid columns
@@ -37,9 +40,9 @@ $grid-gutter-width-base:     1.875rem !default;
 //
 // Font, line-height, and color for body text, headings, and more.
-$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$font-family-sans-serif: "Inter", "Helvetica Neue", "Helvetica", 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-family-base:       "Inter", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !default;
 $font-size-root: 13px !default;
@@ -54,7 +57,7 @@ $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;
+$headings-color:         $color-dark !default;
 // Components
 //
@@ -64,9 +67,10 @@ $border-radius:          3px !default;
 // Forms
-$input-color:                    $color-3 !default;
-$input-border-color:             $color-border !default;
-$input-focus-border-color:       $color-2 !default;
+$input-color:                    $color-dark !default;
+$input-placeholder-color:        $color-dark-light !default;
+$input-border-color:             $color-light-accent !default;
+$input-focus-border-color:       $color-primary !default;
 $custom-select-focus-border-color: $input-focus-border-color !default;
@@ -74,10 +78,14 @@ $custom-select-focus-border-color: $input-focus-border-color !default;
 //
 // Dropdown menu container and contents.
-$dropdown-link-hover-color:      #fff !default;
-$dropdown-link-hover-bg:         $color-3 !default;
+$dropdown-link-hover-color:      $color-white !default;
+$dropdown-link-hover-bg:         $color-primary !default;
 // Breadcrumbs
 $breadcrumb-bg:                 transparent !default;
-$breadcrumb-active-color:       $color-4 !default;
+$breadcrumb-active-color:       $color-primary !default;
+// Popover
+$popover-header-bg:             $color-primary-light !default;

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

@@ -1,4 +1,16 @@
 .breadcrumb {
   font-size: 16px;
   margin-bottom: 0;
+  a {
+    color: $breadcrumb-color;
+    &:hover {
+      color: $breadcrumb-active-color;
+    }
+  }
+  .active {
+    font-weight: $font-weight-bold;
+  }
 }

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

@@ -0,0 +1,18 @@
+.btn-default {
+  background: linear-gradient($color-white, lighten($color-light-dark, 2%));
+  color: $color-dark;
+  border-color: $color-dark-accent;
+  &:hover {
+    background: linear-gradient($color-white, $color-light-dark);
+  }
+  &.disabled,
+  &:disabled {
+    color: $color-disabled;
+  }
+}
+.btn-primary {
+  border-color: darken($color-primary, 6%);
+}

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

@@ -14,8 +14,8 @@
   display: inline-block;
   margin: auto;
   text-align: center;
-  border: 1px solid #ddd;
-  color: #aaa;
+  border: 1px solid $color-light-dark;
+  color: $color-light-accent;
   &:before {
     font: normal normal normal 14px/1 FontAwesome;

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

@@ -8,7 +8,7 @@
   padding: 10px 15px;
   // Place the border on the list items and negative margin up for better styling
   margin-bottom: -1px;
-  border: 1px solid #cee1f4;
+  border: 1px solid $color-border;
   // Round the first and last items
   &:first-child {
@@ -22,5 +22,5 @@
 a.list-group-item:focus {
   text-decoration: none;
-  background-color: #eff5fc;
+  background-color: $color-light;
 }

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

@@ -1,14 +1,13 @@
 .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);
+  padding: 10px 15px;
+  border-top: 3px solid theme-color("danger");
+  background-color: lighten(theme-color("danger"), 40);
+  border-radius: 0 0 $border-radius $border-radius;
+  color: $body-color;
   margin-bottom: 15px;
   h2 {
     font-size: 140%;
-    color: very-light(theme-color("danger"), 30);
     margin-bottom: 5px;
   }
@@ -34,15 +33,24 @@
 }
 .flash {
+  border-top: 3px solid;
   padding: 16px;
   text-align: center;
   font-size: 120%;
-  color: $color-1;
-  font-weight: $font-weight-bold;
+  color: $body-color;
-  &.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) }
+  &.notice {
+    background-color: rgba(lighten($color-notice, 15), .95);
+    border-top-color: $color-notice;
+  }
+  &.success {
+    background-color: rgba(lighten($color-success, 30), .95);
+    border-top-color: $color-success;
+  }
+  &.error {
+    background-color: rgba(lighten($color-error, 30), .95);
+    border-top-color: $color-error;
+  }
 }
 .alert {
@@ -53,5 +61,5 @@
     text-decoration: underline;
   }
-  &.error a { color: very-light(theme-color("danger"), 10) }
+  &.error a { color: lighten(theme-color("danger"), 8); }
 }

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

@@ -17,9 +17,9 @@ nav.menu {
       }
       &.active a {
-        color: $color-2;
+        color: $color-primary;
         border-left-width: 0;
-        border-bottom-color: $color-2;
+        border-bottom-color: $color-primary;
       }
     }
   }
@@ -32,9 +32,10 @@ nav.menu {
 }
 .admin-nav-header {
-  background-color: $color-1;
+  background-color: $color-white;
   border-bottom: 1px solid $color-border;
   text-align: center;
+  padding: 0 1.25em;
   // 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;
@@ -42,7 +43,6 @@ nav.menu {
 .admin-nav-menu {
   ul {
-    margin: 0;
     padding: 0;
     list-style: none;
   }
@@ -53,7 +53,8 @@ nav.menu {
     &:hover {
       background: $color-navbar-active-bg;
-      > a {
+      > a,
+      > a:before {
         color: $color-navbar-active;
       }
     }
@@ -61,7 +62,8 @@ nav.menu {
     &.selected {
       background: $color-navbar-active-bg;
-      > a {
+      > a,
+      > a:before {
         color: $color-navbar-active;
       }
     }
@@ -84,15 +86,37 @@ nav.menu {
         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);
+        background: $color-white;
+        box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.1);
+        border-radius: 0 4px 4px 4px;
+        border: 1px solid $color-border;
+        @include caret($direction: left, $color-caret: $color-white);
       &:before {
         z-index: 1;
         top: 1.5em;
       }
+      &:after {
+        content: '';
+        display: block;
+        position: absolute;
+        border-width: 1em 1em;
+        border-style: solid;
+        border-color: transparent;
+        border-right-color: $color-border;
+        left: -2.1em;
+        top: 1.5em;
+        margin-top: -1em;
+      }
+      > li {
+        background: $color-white;
+        a {
+          font-weight: $font-weight-bold;
+        }
+      }
      }
     }
   }
@@ -101,13 +125,15 @@ nav.menu {
     display: block;
     padding: $padding-y-navbar $padding-x-navbar;
     color: $color-navbar;
-    font-weight: normal;
+    font-weight: $font-weight-bold;
   }
   .icon_link {
     text-indent: 2em;
     &:before {
+      color: $color-icon-navbar;
+      font-weight: $font-weight-normal;
       position: absolute;
       left: 1em;
       transform: translateX(-50%);
@@ -123,6 +149,7 @@ nav.menu {
   .admin-subnav {
     background: $color-navbar-submenu-bg;
+    margin: 0;
     padding-top:    $padding-y-navbar - $padding-y-navbar-submenu;
     padding-bottom: $padding-y-navbar - $padding-y-navbar-submenu;
@@ -132,6 +159,7 @@ nav.menu {
     a {
       color: $color-navbar-submenu;
+      font-weight: $font-weight-normal;
       padding-top:    $padding-y-navbar-submenu;
       padding-bottom: $padding-y-navbar-submenu;
@@ -143,6 +171,7 @@ nav.menu {
     .selected {
       a {
         color: $color-navbar-submenu-active;
+        font-weight: $font-weight-bold;
       }
     }
   }
@@ -183,6 +212,7 @@ nav.menu {
   a {
     display: inline-block;
+    font-weight: $font-weight-bold;
     max-width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -193,3 +223,7 @@ nav.menu {
     margin-right: 0.5rem;
   }
 }
+.brand-link {
+  display: block;
+}

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

@@ -1,5 +1,5 @@
 .turbolinks-progress-bar {
-  background-color: $color-3;
+  background-color: $color-dark-light;
 }
 #progress {
@@ -22,8 +22,8 @@
     margin-left: -100px;
     margin-top: -50px;
     padding: 11px 0;
-    background-color: $color-3;
-    color: $color-1;
+    background-color: $color-dark-light;
+    color: $color-white;
     text-align: center;
   }

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

@@ -12,7 +12,6 @@
 .sidebar-title {
   @include line-through($color: $color-border);
-  color: $color-2;
+  color: $color-dark;
   font-size: 14px;
-  font-weight: $font-weight-normal;
 }

data/app/assets/stylesheets/spree/backend/components/_tabs.scss CHANGED Viewed

@@ -1,7 +1,7 @@
 .tabs {
   display: flex;
   margin: 1em 0;
-  border-bottom: 1px solid $color-border;
+  border-bottom: 1px solid $color-tab-border;
   white-space: nowrap;
   &,
@@ -23,12 +23,13 @@
   // Move down one pixel to sit on top of the ul's border-bottom
   position: relative;
-  top: 1px;
+  top: 2px;
   > a {
+    color: $color-tab;
     display: block;
-    border: 1px solid $color-border;
-    border-radius: 2px 2px 0 0;
+    border: 1px solid $color-tab-border;
+    border-radius: 4px 4px 0 0;
     line-height: 1;
   }
@@ -37,19 +38,19 @@
   }
   &:not(.active) > a {
-    background: $color-tbl-thead;
+    background: $color-tab-bg;
   }
   &.active > a,
   &.active:hover {
-    background: white;
-    border-bottom-color: white;
-    color: $body-color;
+    background: $color-tab-active-bg;
+    border-bottom-color: $color-tab-active-border;
+    color: $color-tab-active;
+    font-weight: $font-weight-bold;
   }
   &:not(.active):hover > a {
-    background: darken($color-tbl-thead, 5%);
-    color: $link-color;
+    color: $color-tab-active;
   }
 }
@@ -69,7 +70,7 @@
   > a {
     position: relative;
-    background: white;
+    background: $color-tab-active-bg;
     z-index: 1;
     &:before {
@@ -80,7 +81,7 @@
   }
   &:hover > a {
-    background: white;
+    background: $color-tab-active-bg;
   }
   &:not(:hover) ul {
@@ -98,7 +99,7 @@
 .tabs li.in-dropdown {
   a {
     display: block;
-    border: 1px solid $color-border;
+    border: 1px solid $color-tab-border;
     background: white;
   }