spree_backend 2.0.0.rc1

data/app/assets/stylesheets/admin/globals/_variables_override.scss

@@ -0,0 +1,7 @@
+/*--------------------------------------------------------- 
+  Empty file to override variables in user applications.
+
+  To set your own colors, sizes or fonts just override this 
+  file in you're application and set valiables according to
+  globals/_variables.scss file.
+  --------------------------------------------------------- */

data/app/assets/stylesheets/admin/hacks/_ie.scss

@@ -0,0 +1,73 @@
+// IE general hacks
+html.ie {
+
+  // Properly align icons in circle
+  table td.actions .no-text.icon-edit {
+    padding-top: 3px !important;
+  }
+  table td.actions .no-text.icon-envelope-alt {
+    padding-top: 4px !important;
+  }
+
+  // Fix select2 background gradient. (It uses filter gradients for IE)
+  .select2-choice, .select2-choice div, 
+  .select2-container-multi .select2-search-choice,
+  .select2-container:hover .select2-choice,
+  .select2-container.select2-container-active .select2-choice {
+    filter: none;
+  }
+  .select2-search {
+    &:before {
+      position: relative;
+      z-index: 10000;
+      content: '\f002' !important;
+    }
+    input {
+      position: relative;
+      z-index: 0;
+    }
+  }
+
+  // Fix margin-top for destroy paperclip styles background
+  .destroy_new_attachment_styles {
+    margin-top: 17px !important;
+  }
+}
+
+// IE8 Hacks
+html.ie8 {
+
+  // Fix italic font
+  body {
+    font-style: normal;
+  }
+
+  // Fix white border around filter-actions 
+  .filter-actions {
+    margin-bottom: -45px;
+
+    button, .button, input[type="submit"], input[type="button"], span.or {
+      border: 15px solid $color-1;
+    }
+    span.or {
+      border-width: 5px;
+      margin-left: -10px;
+      margin-right: -10px;
+    }
+  }
+
+  // Fix legend align center 
+  legend {
+    display: table;
+  }
+
+  // Sidebar align with fieldsets 
+  #sidebar {
+    margin-top: 27px;
+
+    .sidebar-title span {
+      margin-left: 7px;
+    }
+  }
+
+}

data/app/assets/stylesheets/admin/hacks/_mozilla.scss

@@ -0,0 +1,32 @@
+html.firefox {
+
+  // Fix sidebar margin
+  #sidebar  {
+    margin-top: 18px;
+  }
+
+  // Properly align icons in circle
+  table td.actions .no-text.icon-edit {
+    padding-left: 1px;
+  }
+
+  // Fix select2 tag input size
+  input.select2-input {
+    padding: 0px 10px !important;
+  }
+
+  // Fix select2 tag input container padding
+  .select2-container-multi .select2-choices {
+    padding-bottom: 0 !important;
+  }
+
+  // Fix select2 search input left padding to not overlap search icon
+  .select2-search input.select2-input {
+    padding-left: 25px !important;
+  }
+
+  // Fix image file upload width
+  input#image_attachment {
+    width: 80%;
+  }
+}

data/app/assets/stylesheets/admin/hacks/_opera.scss

@@ -0,0 +1,17 @@
+html.opera {
+
+  // Fix legend center align
+  legend {
+    margin: 0 auto;
+  }
+
+  // Properly align icons in circle
+  table td.actions .no-text.icon-edit {
+    padding-left: 1px;
+  }
+
+  // Fix sidebar margin
+  #sidebar  {
+    margin-top: 18px;
+  }
+}

data/app/assets/stylesheets/admin/plugins/_jstree.scss

@@ -0,0 +1,132 @@
+#taxonomy_tree {
+  > ul, .jstree-icon {
+    background-image: none;
+  }
+  
+  .jstree-icon {
+    @extend [class^="icon-"]:before;
+  }
+
+  .jstree-open > .jstree-icon {    
+    @extend .icon-caret-down;
+  }
+  .jstree-closed > .jstree-icon {    
+    @extend .icon-caret-right;
+  }
+
+  li {
+    background-image: none;
+
+    a {
+      background-color: very-light($color-3);
+      border: 1px solid $color-border;
+      color: $color-body-text;
+      font-weight: $font-weight-bold;
+      text-shadow: none;
+      width: 90%;
+      height: auto;
+      line-height: inherit;
+      text-transform: uppercase;
+      padding: 5px 0 5px 10px;
+      margin-bottom: 10px;
+
+      .jstree-icon {
+        padding-left: 0px;
+        @extend .icon-move;   
+      }
+    }
+  }
+}
+
+#vakata-dragged.jstree-apple .jstree-invalid, 
+#vakata-dragged.jstree-apple .jstree-ok,
+#jstree-marker {
+  background-image: none !important;
+  background-color: transparent !important;
+  @extend [class^="icon-"]:before;   
+}
+#vakata-dragged.jstree-apple .jstree-invalid {
+  @extend .icon-remove;  
+  color: $color-5;
+}
+#vakata-dragged.jstree-apple .jstree-ok {
+  @extend .icon-ok;
+  color: $color-2;
+}
+
+#jstree-marker {
+  @extend .icon-caret-right;
+  color: $color-body-text !important;
+  width: 4px !important;
+}
+
+#jstree-marker-line {
+  @include border-radius($border-radius !important);
+  height: 0px !important;
+  margin-left: 5px !important;
+  margin-top: -2px !important;
+  border: none !important;
+  border-bottom: 1px solid $color-body-text !important;
+  background-color:  very-light($color-3) !important;
+
+  -webkit-box-shadow: none !important;
+     -moz-box-shadow: none !important;
+          box-shadow: none !important;
+  
+}
+
+#vakata-contextmenu {
+  background-color: $color-3 !important;
+  -moz-box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  border: none !important;
+  @include border-radius($border-radius !important);
+
+  &:before {
+    content: '';
+    position: absolute;
+    border-left: 10px solid transparent;
+    border-right: 10px solid transparent;
+    border-bottom: 10px solid $color-3;
+    top: 0px;
+    margin-top: -10px;
+    left: 25px;
+    z-index: 1;
+  }
+
+  a {
+    color: $color-1 !important;
+    line-height: inherit !important;
+    padding: 5px 10px !important;
+    margin: 0 !important;
+    font-size: 90% !important;
+
+    &:hover {
+      @include border-radius($border-radius !important);
+      background-color: $color-2 !important;
+      border: none !important;
+      -moz-box-shadow: none !important;
+      -webkit-box-shadow: none !important;
+      line-height: inherit !important;
+      padding: 5px 10px !important;
+      margin: 0 !important;      
+    }
+  }
+
+  li:first-child a:hover:before {
+    content: '';
+    position: absolute;
+    border-left: 10px solid transparent;
+    border-right: 10px solid transparent;
+    border-bottom: 10px solid $color-2;
+    top: 0px;
+    margin-top: -10px;
+    left: 25px;
+    z-index: 1;
+  }
+
+  li.vakata-separator {
+    display: none;
+  }
+}

data/app/assets/stylesheets/admin/plugins/_powertip.scss

@@ -0,0 +1,86 @@
+#powerTip {
+  background-color: $color-3;
+  padding: 5px 15px;
+  @include border-radius($border-radius);
+
+  &.n:before, &.ne:before, &.nw:before {
+    border-top-width: 5px;
+    border-top-color: $color-3;
+    bottom: -5px;
+  }
+
+  &.e:before {
+    border-right-width: 5px;
+    border-right-color: $color-3;
+    left: -5px;
+  }
+  &.s:before, &.se:before, &.sw:before {
+    border-bottom-width: 5px;
+    border-bottom-color: $color-3;
+    top: -5px;
+  }
+  &.w:before {
+    border-left-width: 5px;
+    border-left-color: $color-3;
+    right: -5px;
+  }
+  &.ne:before, &.se:before {
+    border-right-width: 5px;
+    border-right-color: $color-3;
+    left: -5px;
+  }
+  &.nw:before, &.sw:before {
+    border-left-width: 5px;
+    border-right-color: $color-3;
+    right: -5px;
+  }
+
+  &.clone, &.yellow, &.cancel {
+    background-color: $color-notice;
+
+    &.n:before, &.ne:before, &.nw:before {
+      border-top-color: $color-notice;
+    }
+    &.e:before, &.nw:before, &.sw:before {
+      border-right-color: $color-notice;
+    }
+    &.s:before, &.se:before, &.sw:before {
+      border-bottom-color: $color-notice;
+    }
+    &.w:before {
+      border-left-color: $color-notice;
+    }
+  }
+  &.edit, &.green, &.capture, &.save, &.add {
+    background-color: $color-success;
+
+    &.n:before, &.ne:before, &.nw:before {
+      border-top-color: $color-success;
+    }
+    &.e:before, &.nw:before, &.sw:before {
+      border-right-color: $color-success;
+    }
+    &.s:before, &.se:before, &.sw:before {
+      border-bottom-color: $color-success;
+    }
+    &.w:before {
+      border-left-color: $color-success;
+    }
+  }
+  &.remove, &.red, &.void {
+    background-color: $color-error;
+
+    &.n:before, &.ne:before, &.nw:before {
+      border-top-color: $color-error;
+    }
+    &.e:before, &.nw:before, &.sw:before {
+      border-right-color: $color-error;
+    }
+    &.s:before, &.se:before, &.sw:before {
+      border-bottom-color: $color-error;
+    }
+    &.w:before {
+      border-left-color: $color-error;
+    }
+  }
+}

data/app/assets/stylesheets/admin/plugins/_select2.scss

@@ -0,0 +1,176 @@
+.select2-container {
+  &:hover .select2-choice, &.select2-container-active .select2-choice {
+    background-color: $color-sel-hover-bg !important;
+    border-color: $color-sel-hover-bg !important;
+  }
+  .select2-choice {
+    background-image: none !important;
+    background-color: $color-sel-bg;
+    border: none !important;
+    box-shadow: none !important;
+    @include border-radius($border-radius);
+    color: $color-1 !important;
+    font-size: 90%;
+    height: 31px;
+    line-height: inherit !important;
+    padding: 5px 15px 7px;
+
+    span {
+      display: block;
+      padding: 2px;
+    }
+
+    .select2-search-choice-close {
+      background-image: none !important;
+      font-size: 100% !important;
+      @extend .icon-remove;
+      @extend [class^="icon-"]:before;
+      margin-top: 2px;
+    }
+
+    div {
+      background-image: none !important;
+      background-color: transparent !important;
+      border-radius: 0 !important;
+      border: none !important;
+
+      b {
+        background-image: none !important;
+        display: inherit !important;
+        width: auto !important;
+        height: auto !important;
+        margin-top: 10px;
+        @extend .icon-caret-down;
+        @extend [class^="icon-"]:before;
+      }
+    }
+  }
+
+  &.select2-container-active {
+    .select2-choice {
+      box-shadow: none !important;
+    }
+
+    &.select2-dropdown-open .select2-choice div b {
+      @extend .icon-caret-up
+    }
+  }
+}
+
+.select2-drop {
+  border-color: $color-sel-hover-bg;
+  box-shadow: none !important;
+  z-index: 1000000;
+
+  &.select2-drop-above {
+    border-color: $color-sel-hover-bg;
+  }
+}
+
+.select2-search {
+  @extend [class^="icon-"]:before;
+  @extend .icon-search;
+  font-size: 100%;
+  padding-left: 15px;
+  color: darken($color-border, 15);
+
+  input {
+    @extend input[type="text"];
+    margin-top: 5px;
+    margin-left: -23px;
+    padding-left: 25px;
+    padding-top: 6px;
+    padding-bottom: 6px;
+    font-family: $base-font-family;
+    font-size: 90%;
+    box-shadow: none;
+    background-image: none;
+  }
+}
+
+.select2-results {    
+  padding-left: 0 !important;
+
+  li {
+    font-size: 85% !important;
+
+    &.select2-highlighted {
+      .select2-result-label {
+        &, h6 {
+          color: $color-1 !important;
+        }
+      }
+    }
+
+    .select2-result-label {
+      color: $color-body-text;
+      min-height: 22px;
+      clear: both;
+      overflow: auto;
+    }
+
+    &.select2-no-results, &.select2-searching {
+      padding: 5px;
+      background-color: transparent;
+      color: $color-body-text;
+      text-align: center; 
+      font-weight: $font-weight-bold;
+      text-transform: uppercase;
+    }
+  }
+
+  .select2-highlighted {
+    background-color: $color-sel-bg;
+  }
+}
+
+.select2-container-multi {
+  &.select2-container-active, &.select2-dropdown-open {
+    .select2-choices {
+      border-color: $color-sel-hover-bg !important;
+      box-shadow: none;
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+  }
+  .select2-choices {
+    @extend input[type="text"];
+    padding: 6px 3px 3px 3px;
+    box-shadow: none;
+    background-image: none;
+
+    .select2-search-choice {
+      @include border-radius($border-radius);
+      margin: 0 0 3px 3px;
+      background-image: none;
+      background-color: $color-sel-bg;
+      border: none;
+      box-shadow: none;      
+      color: $color-1 !important;    
+      font-size: 85%;            
+
+      &:hover {
+        background-color: $color-sel-hover-bg;
+      }
+
+      .select2-search-choice-close {
+        background-image: none !important;
+        font-size: 85% !important;
+        @extend .icon-remove;
+        @extend [class^="icon-"]:before;
+        margin-left: 2px;
+        color: $color-1;
+      }
+    }
+  }
+}
+
+label .select2-container {
+  margin-top: -6px;
+  .select2-choice {
+    span {
+      text-transform: none;
+      font-weight: normal;
+    }
+  }
+}