spree_admin 5.2.0.rc3 → 5.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0ef3af7b481c377e93088f7ef61e1cd421b56db13d4fe9a55ec294a5c0e79588
-  data.tar.gz: 77c2dd8457a3acb0753c537b965e9d87913a77622b29cef116948fcbef535e6a
+  metadata.gz: 4fbe916123c69564e83e4b3943d25188e326f1712ed7ca7501a4e7e81ce30ac1
+  data.tar.gz: 7f0f900204efffa95aaede9f07c57df78e4a1dff7eb880edcad84ba654e5493d
 SHA512:
-  metadata.gz: c1155835ff2117a7265fe3cb6f27308ed51a23edbefcb3ed4f6a2919b42d10630de9aab7f0ffe4363a8503260e0e5bb49760ba4ee58a3dbef6c9acbf1d6e30a9
-  data.tar.gz: d936e9e79c1161aca8750c638257055b841646636859a10310cc4c8ec2e4c9136982b989f9841845ddf444d0206c8da49b25211fdb4bbb3bb944e061f7b58251
+  metadata.gz: 9e075a5a762975bcd3ff53ee9638e54cc0c9ba677802775a990b330c97f696d369d80757e99ba3f51dc09d91f4906e89854c95eb36614edef03c7902a4d490ec
+  data.tar.gz: 70608538f458e741c268e4f95e913b33d4b5cf75220782efb7bc9a689d4898469df1cd586fba0224f616a31de1117f02a442c06b6db2ba8b5e32322cd5d9a448

data/README.md

@@ -1,4 +1,21 @@
 # Spree Admin Dashboard
 
-Welcome to the Spree Admin Dashboard repository. This is a new, shiny admin dashboard for Spree Commerce which will replace the old admin dashboard in Spree 5.0.
+Welcome to the Spree Admin Dashboard repository. This is a new, shiny admin dashboard for Spree Commerce 5.
 
+## Installation
+
+To install the Spree Admin Dashboard, run the following command:
+
+```bash
+bundle add spree_admin
+```
+
+Run the install generator:
+
+```bash
+bin/rails g spree:admin:install
+```
+
+This will create the necessary files for the admin dashboard.
+
+You will need to restart your web server and run `bin/dev` to start the development server for the admin dashboard.

data/app/assets/stylesheets/spree/admin/application.scss

@@ -15,13 +15,13 @@
 @import 'components/navigation';
 @import 'components/modals'; // old bootstrap modals
 @import 'components/dialogs'; // new native dialogs
-@import 'components/offcanvas';
 @import 'components/variants_form';
 @import 'components/media_form';
 @import 'components/seo_form';
 @import 'components/line_items_form';
 @import 'components/search_picker';
 @import 'components/sortable_tree';
+@import 'components/sidebar';
 @import 'components/bulk_panel';
 @import 'components/wizard';
 

data/app/assets/stylesheets/spree/admin/components/_dialogs.scss

@@ -80,7 +80,7 @@ dialog:open {
 
   .alerts-container {
     position: absolute;
-  } 
+  }
 
   @media (max-width: 991.98px) {
     max-width: 100vw;
@@ -93,6 +93,7 @@ dialog:open {
     height: 100%;
     flex-direction: column;
     justify-content: space-between;
+    overflow: hidden;
   }
 
   .drawer-header {
@@ -110,8 +111,6 @@ dialog:open {
   }
 
   .drawer-footer {
-    position: sticky;
-    bottom: 0;
     padding: $modal-inner-padding;
     display: flex;
     justify-content: space-between;

data/app/assets/stylesheets/spree/admin/components/_dropdowns.scss

@@ -32,6 +32,7 @@
   padding: $dropdown-padding-y $dropdown-padding-x;
   font-size: $dropdown-font-size;
   color: $dropdown-color;
+  max-width: 20rem;
 
   .dropdown-item, .dropdown-header {
     padding-top: $dropdown-item-padding-y;
@@ -52,6 +53,7 @@
     justify-content: flex-start;
     background: transparent;
     height: 2rem;
+    padding-right: 2rem;
 
     transition-property: background-color, color;
     transition-duration: 0.01s;

data/app/assets/stylesheets/spree/admin/components/_main.scss

@@ -1,7 +1,3 @@
-.sort-handle {
-  cursor: grab;
-}
-
 #page-header {
   height: 80px;
   display: flex;
@@ -74,241 +70,14 @@
   }
 }
 
-.store-dropdown {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding-left: 0.5rem;
-  padding-right: 0.75rem;
-  background-color: $sidebar-bg;
-  width: $sidebar-width;
-  border-right: 1px solid $border-color;
-  height: calc($header-height + 1px);
-}
-
-.store-dropdown-button {
-  padding: 0.25rem;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  text-align: left;
-  gap: 0.5rem;
-  box-shadow: none !important;
-
-  &:hover {
-    background-color: $gray-50;
-  }
-}
-
-.store-chooser {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  padding: 0.25rem;
-  margin: 0.25rem;
-  border: 1px solid $border-color;
-  border-radius: $border-radius-lg;
-
-  .store-chooser-item {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    border-radius: $border-radius;
-    padding: 0.25rem;
-    text-wrap: nowrap;
-
-    &:hover {
-      text-decoration: none;
-      background-color: $dropdown-link-hover-bg;
-    }
-
-    &.active {
-      cursor: not-allowed;
-      background-color: $action;
-    }
-  }
-}
-
-#main-sidebar {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  width: $sidebar-width;
-  background-color: $sidebar-bg;
-  box-shadow: inset -1px 0 0 $border-color;
-  height: calc(100vh - $header-height);
-  overflow-x: hidden;
-  position: fixed;
-  top: $header-height;
-  padding-top: 0.8rem;
-
-  @media (max-width: 992px) {
-    display: none;
-  }
-
-  .nav {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-    gap: 0.25rem;
-    display: flex;
-    flex-direction: column;
-  }
-
-  .nav-link {
-    border-radius: $border-radius-lg;
-    display: flex;
-    align-items: center;
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-    color: inherit;
-
-    transition: background-color 0.1s ease-in-out;
-
-    .ti {
-      margin-right: 0.5rem;
-      border-radius: $border-radius;
-      padding: 0.2rem 0.2rem;
-    }
-
-    &:hover {
-      background-color: $gray-50;
-
-      .ti {
-        color: theme-color('primary');
-      }
-    }
-    &.active {
-      color: theme-color('primary');
-      background-color: $white;
-      box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.04) 0px 1px 2px -1px, rgba(0, 0, 0, 0.02) 0px 2px 4px 0px;
-      font-weight: $font-weight-medium;
-
-      .ti {
-        background-color: theme-color('primary');
-        color: $white;
-      }
-    }
-
-    .badge:not(.badge-info) {
-      @extend .badge-light;
-      border-radius: $border-radius;
-    }
-  }
-
-  .nav-submenu {
-    display: flex;
-    flex-direction: column;
-    list-style: none;
-    padding-top: 0.25rem;
-    padding-left: 2rem;
-    &:before {
-      content: '';
-      position: absolute;
-      left: 1rem;
-      top: 0;
-      bottom: 0.25rem;
-      width: 1px;
-      background-color: $gray-200;
-    }
-    position: relative;
-
-    .nav-link {
-      font-weight: 400;
-      padding-top: 0.25rem;
-      padding-bottom: 0.25rem;
-
-      &:hover {
-        background-color: $gray-50;
-      }
-      &.active, &:active, &:focus {
-        font-weight: 600;
-        background-color: transparent !important;
-        box-shadow: none;
-
-        &:before {
-          content: '';
-          position: absolute;
-          left: calc(-1rem - 1px);
-          top: 10%;
-          width: 3px;
-          height: 80%;
-          background-color: theme-color('primary');
-          border-radius: $border-radius-sm;
-        }
-      }
-    }
-  }
-
-  .dropdown {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-
-    .btn {
-      padding: 0.25rem 0.25rem;
-      border-radius: $border-radius;
-      display: flex;
-      align-items: center;
-
-      &:hover, &:focus, &:active {
-        background-color: $gray-50;
-      }
-    }
-
-    .dropdown-menu {
-      width: calc(100% - 1rem) !important;
-    }
-  }
-}
-
 #content {
+  transition: margin-left 0.1s ease;
+
   @media (min-width: 992px) {
     margin-left: $sidebar-width + 1px;
   }
 }
 
-#enterprise-edition-notice {
-  @extend .alert;
-  @extend .alert-info;
-
-  background-image: none;
-  position: relative;
-  font-size: $font-size-sm;
-  padding: 0.5rem 1rem;
-  margin: 0.75rem;
-  border-width: 1px;
-  box-shadow: $box-shadow-xs;
-  p {
-    margin-bottom: 0.5rem;
-  }
-
-  .btn-close {
-    position: absolute;
-    right: 0.25rem;
-    top: 0.25rem;
-    color: inherit !important;
-
-    &:hover {
-      background-color: transparent !important;
-    }
-  }
-}
-
-#updater-notice {
-  background-color: $white;
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  gap: 1rem;
-  justify-content: flex-start;
-  align-items: center;
-  padding: 0.5rem 0.5rem;
-  border: 1px solid $border-color;
-  border-radius: $border-radius-lg;
-  box-shadow: $box-shadow-xs;
-}
-
 
 .documentation-link-container {
   font-size: $font-size-sm;