solidus_backend 1.1.4 → 1.2.0.beta1

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


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

Files changed (205) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/images/solidus-style-guide-logo.png +0 -0
  3. data/app/assets/javascripts/spree/backend/admin.js.erb +1 -7
  4. data/app/assets/javascripts/spree/backend/checkouts/edit.js +2 -2
  5. data/app/assets/javascripts/spree/backend/navigation.coffee +10 -0
  6. data/app/assets/javascripts/spree/backend/option_type_autocomplete.js.erb +6 -6
  7. data/app/assets/javascripts/spree/backend/option_value_picker.js +6 -6
  8. data/app/assets/javascripts/spree/backend/product_picker.js +6 -6
  9. data/app/assets/javascripts/spree/backend/shipments.js.erb +17 -3
  10. data/app/assets/javascripts/spree/backend/stock_movement.js.coffee +2 -2
  11. data/app/assets/javascripts/spree/backend/style_guide.coffee +2 -0
  12. data/app/assets/javascripts/spree/backend/taxon_autocomplete.js.erb +6 -6
  13. data/app/assets/javascripts/spree/backend/taxonomy.js.coffee +82 -109
  14. data/app/assets/javascripts/spree/backend/taxons.js.coffee +4 -5
  15. data/app/assets/javascripts/spree/backend/user_picker.js +8 -8
  16. data/app/assets/javascripts/spree/backend/variant_autocomplete.js.coffee.erb +3 -3
  17. data/app/assets/javascripts/spree/backend.js +3 -6
  18. data/app/assets/stylesheets/spree/backend/components/_messages.scss +1 -4
  19. data/app/assets/stylesheets/spree/backend/components/_navigation.scss +99 -115
  20. data/app/assets/stylesheets/spree/backend/components/_progress.scss +1 -1
  21. data/app/assets/stylesheets/spree/backend/components/_sidebar.scss +6 -0
  22. data/app/assets/stylesheets/spree/backend/globals/_variables.scss +18 -0
  23. data/app/assets/stylesheets/spree/backend/globals/mixins/_caret.scss +35 -0
  24. data/app/assets/stylesheets/spree/backend/plugins/_powertip.scss +1 -0
  25. data/app/assets/stylesheets/spree/backend/sections/_style_guide.scss +132 -0
  26. data/app/assets/stylesheets/spree/backend/sections/_taxonomies.scss +60 -0
  27. data/app/assets/stylesheets/spree/backend/shared/_forms.scss +2 -0
  28. data/app/assets/stylesheets/spree/backend/shared/_layout.scss +36 -4
  29. data/app/assets/stylesheets/spree/backend/shared/_typography.scss +3 -6
  30. data/app/assets/stylesheets/spree/backend/spree_admin.scss +4 -1
  31. data/app/assets/stylesheets/spree/backend.css +1 -1
  32. data/app/controllers/spree/admin/orders_controller.rb +6 -6
  33. data/app/controllers/spree/admin/payment_methods_controller.rb +1 -1
  34. data/app/controllers/spree/admin/payments_controller.rb +1 -1
  35. data/app/controllers/spree/admin/products_controller.rb +0 -1
  36. data/app/controllers/spree/admin/reports_controller.rb +2 -2
  37. data/app/controllers/spree/admin/search_controller.rb +9 -7
  38. data/app/controllers/spree/admin/stock_transfers_controller.rb +6 -14
  39. data/app/controllers/spree/admin/style_guide_controller.rb +33 -0
  40. data/app/helpers/spree/admin/adjustments_helper.rb +2 -6
  41. data/app/helpers/spree/admin/base_helper.rb +7 -6
  42. data/app/helpers/spree/admin/navigation_helper.rb +12 -5
  43. data/app/helpers/spree/admin/orders_helper.rb +1 -1
  44. data/app/helpers/spree/admin/products_helper.rb +2 -4
  45. data/app/helpers/spree/admin/stock_movements_helper.rb +3 -3
  46. data/app/views/spree/admin/adjustments/_adjustments_table.html.erb +2 -2
  47. data/app/views/spree/admin/customer_returns/_reimbursements_table.html.erb +1 -1
  48. data/app/views/spree/admin/customer_returns/_return_item_selection.html.erb +1 -1
  49. data/app/views/spree/admin/customer_returns/edit.html.erb +1 -1
  50. data/app/views/spree/admin/images/edit.html.erb +1 -3
  51. data/app/views/spree/admin/images/index.html.erb +0 -2
  52. data/app/views/spree/admin/option_types/edit.html.erb +2 -4
  53. data/app/views/spree/admin/option_types/index.html.erb +0 -2
  54. data/app/views/spree/admin/option_types/new.html.erb +0 -2
  55. data/app/views/spree/admin/orders/_shipment_manifest.html.erb +1 -1
  56. data/app/views/spree/admin/orders/index.html.erb +1 -1
  57. data/app/views/spree/admin/product_properties/index.html.erb +0 -1
  58. data/app/views/spree/admin/products/edit.html.erb +0 -2
  59. data/app/views/spree/admin/products/index.html.erb +2 -4
  60. data/app/views/spree/admin/products/new.html.erb +0 -2
  61. data/app/views/spree/admin/promotion_categories/edit.html.erb +0 -2
  62. data/app/views/spree/admin/promotion_categories/index.html.erb +0 -2
  63. data/app/views/spree/admin/promotion_categories/new.html.erb +0 -2
  64. data/app/views/spree/admin/promotions/actions/_create_adjustment.html.erb +2 -28
  65. data/app/views/spree/admin/promotions/actions/_create_item_adjustments.html.erb +2 -26
  66. data/app/views/spree/admin/promotions/actions/_promotion_calculators_with_custom_fields.html.erb +28 -0
  67. data/app/views/spree/admin/promotions/edit.html.erb +0 -2
  68. data/app/views/spree/admin/promotions/index.html.erb +0 -2
  69. data/app/views/spree/admin/promotions/new.html.erb +0 -2
  70. data/app/views/spree/admin/properties/edit.html.erb +0 -2
  71. data/app/views/spree/admin/properties/index.html.erb +2 -4
  72. data/app/views/spree/admin/properties/new.html.erb +0 -2
  73. data/app/views/spree/admin/properties/new.js.erb +1 -1
  74. data/app/views/spree/admin/prototypes/edit.html.erb +0 -2
  75. data/app/views/spree/admin/prototypes/index.html.erb +0 -2
  76. data/app/views/spree/admin/prototypes/new.html.erb +0 -2
  77. data/app/views/spree/admin/reimbursements/edit.html.erb +2 -2
  78. data/app/views/spree/admin/reimbursements/show.html.erb +9 -9
  79. data/app/views/spree/admin/return_authorizations/_form.html.erb +16 -16
  80. data/app/views/spree/admin/search/users.rabl +1 -1
  81. data/app/views/spree/admin/shared/_head.html.erb +11 -0
  82. data/app/views/spree/admin/shared/_header.html.erb +4 -8
  83. data/app/views/spree/admin/shared/_menu.html.erb +4 -8
  84. data/app/views/spree/admin/shared/_navigation.html.erb +9 -0
  85. data/app/views/spree/admin/shared/_navigation_footer.html.erb +3 -0
  86. data/app/views/spree/admin/shared/_product_sub_menu.html.erb +20 -22
  87. data/app/views/spree/admin/shared/_promotion_sub_menu.html.erb +8 -10
  88. data/app/views/spree/admin/shared/_stock_sub_menu.html.erb +8 -10
  89. data/app/views/spree/admin/shared/_tabs.html.erb +9 -3
  90. data/app/views/spree/admin/shipping_methods/_form.html.erb +2 -2
  91. data/app/views/spree/admin/stock_items/index.html.erb +1 -2
  92. data/app/views/spree/admin/stock_transfers/edit.html.erb +0 -1
  93. data/app/views/spree/admin/stock_transfers/index.html.erb +0 -3
  94. data/app/views/spree/admin/stock_transfers/new.html.erb +0 -2
  95. data/app/views/spree/admin/stock_transfers/receive.html.erb +0 -2
  96. data/app/views/spree/admin/stock_transfers/show.html.erb +0 -2
  97. data/app/views/spree/admin/stock_transfers/tracking_info.html.erb +0 -2
  98. data/app/views/spree/admin/style_guide/index.html.erb +5 -0
  99. data/app/views/spree/admin/style_guide/topics/forms/_building_forms.html.erb +79 -0
  100. data/app/views/spree/admin/style_guide/topics/forms/_validation.html.erb +14 -0
  101. data/app/views/spree/admin/style_guide/topics/messaging/_flashes.html.erb +13 -0
  102. data/app/views/spree/admin/style_guide/topics/messaging/_loading.html.erb +20 -0
  103. data/app/views/spree/admin/style_guide/topics/messaging/_tooltips.html.erb +16 -0
  104. data/app/views/spree/admin/style_guide/topics/tables/_building_tables.html.erb +44 -0
  105. data/app/views/spree/admin/style_guide/topics/tables/_pagination.html.erb +11 -0
  106. data/app/views/spree/admin/style_guide/topics/typography/_colors.html.erb +64 -0
  107. data/app/views/spree/admin/style_guide/topics/typography/_fonts.html.erb +19 -0
  108. data/app/views/spree/admin/style_guide/topics/typography/_icons.html.erb +13 -0
  109. data/app/views/spree/admin/style_guide/topics/typography/_lists.html.erb +25 -0
  110. data/app/views/spree/admin/style_guide/topics/typography/_tags.html.erb +25 -0
  111. data/app/views/spree/admin/taxonomies/_js_head.html.erb +0 -0
  112. data/app/views/spree/admin/taxonomies/edit.erb +5 -6
  113. data/app/views/spree/admin/taxonomies/index.html.erb +0 -2
  114. data/app/views/spree/admin/taxonomies/new.html.erb +0 -2
  115. data/app/views/spree/admin/taxons/_form.html.erb +1 -1
  116. data/app/views/spree/admin/taxons/_list_template.html.erb +17 -0
  117. data/app/views/spree/admin/taxons/index.html.erb +0 -3
  118. data/app/views/spree/admin/users/orders.html.erb +1 -1
  119. data/app/views/spree/admin/variants/edit.html.erb +0 -2
  120. data/app/views/spree/admin/variants/index.html.erb +0 -2
  121. data/app/views/spree/layouts/admin.html.erb +3 -4
  122. data/app/views/spree/layouts/admin_style_guide.html.erb +58 -0
  123. data/config/routes.rb +4 -2
  124. data/lib/spree/backend/engine.rb +0 -1
  125. data/lib/spree/backend.rb +0 -3
  126. data/solidus_backend.gemspec +5 -7
  127. data/spec/controllers/spree/admin/missing_products_controller_spec.rb +1 -1
  128. data/spec/controllers/spree/admin/orders_controller_spec.rb +14 -14
  129. data/spec/controllers/spree/admin/payment_methods_controller_spec.rb +2 -4
  130. data/spec/controllers/spree/admin/payments_controller_spec.rb +2 -2
  131. data/spec/controllers/spree/admin/products_controller_spec.rb +3 -3
  132. data/spec/controllers/spree/admin/reports_controller_spec.rb +4 -4
  133. data/spec/controllers/spree/admin/return_authorizations_controller_spec.rb +1 -1
  134. data/spec/controllers/spree/admin/shipping_methods_controller_spec.rb +1 -1
  135. data/spec/controllers/spree/admin/stock_locations_controller_spec.rb +1 -1
  136. data/spec/controllers/spree/admin/stock_transfers_controller_spec.rb +13 -11
  137. data/spec/features/admin/configuration/general_settings_spec.rb +10 -7
  138. data/spec/features/admin/configuration/payment_methods_spec.rb +1 -1
  139. data/spec/features/admin/configuration/shipping_methods_spec.rb +1 -1
  140. data/spec/features/admin/configuration/states_spec.rb +1 -1
  141. data/spec/features/admin/configuration/tax_rates_spec.rb +6 -7
  142. data/spec/features/admin/configuration/taxonomies_spec.rb +3 -3
  143. data/spec/features/admin/homepage_spec.rb +6 -6
  144. data/spec/features/admin/orders/cancelling_and_resuming_spec.rb +4 -8
  145. data/spec/features/admin/orders/customer_details_spec.rb +9 -8
  146. data/spec/features/admin/orders/line_items_spec.rb +1 -1
  147. data/spec/features/admin/orders/listing_spec.rb +2 -2
  148. data/spec/features/admin/orders/log_entries_spec.rb +3 -3
  149. data/spec/features/admin/orders/new_order_spec.rb +3 -15
  150. data/spec/features/admin/orders/order_details_spec.rb +17 -20
  151. data/spec/features/admin/orders/payments_spec.rb +10 -10
  152. data/spec/features/admin/orders/shipments_spec.rb +2 -2
  153. data/spec/features/admin/products/edit/images_spec.rb +5 -3
  154. data/spec/features/admin/products/edit/products_spec.rb +11 -11
  155. data/spec/features/admin/products/edit/taxons_spec.rb +14 -38
  156. data/spec/features/admin/products/edit/variants_spec.rb +3 -3
  157. data/spec/features/admin/products/option_types_spec.rb +22 -21
  158. data/spec/features/admin/products/products_spec.rb +15 -12
  159. data/spec/features/admin/products/properties_spec.rb +3 -3
  160. data/spec/features/admin/products/prototypes_spec.rb +4 -4
  161. data/spec/features/admin/products/stock_management_spec.rb +5 -5
  162. data/spec/features/admin/products/variant_spec.rb +8 -8
  163. data/spec/features/admin/promotion_adjustments_spec.rb +6 -13
  164. data/spec/features/admin/promotions/option_value_rule_spec.rb +0 -20
  165. data/spec/features/admin/reports_spec.rb +2 -2
  166. data/spec/features/admin/stock_transfer_spec.rb +3 -3
  167. data/spec/features/admin/store_credits_spec.rb +2 -2
  168. data/spec/features/admin/users_spec.rb +6 -6
  169. data/spec/helpers/admin/navigation_helper_spec.rb +5 -0
  170. data/spec/helpers/admin/reimbursements_helper_spec.rb +1 -1
  171. data/spec/helpers/admin/store_credit_events_helper_spec.rb +1 -1
  172. data/spec/spec_helper.rb +3 -1
  173. data/spec/support/feature/base_feature_helper.rb +10 -0
  174. data/vendor/assets/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png +0 -0
  175. data/vendor/assets/images/jquery-ui/ui-bg_flat_0_eeeeee_40x100.png +0 -0
  176. data/vendor/assets/images/jquery-ui/ui-bg_flat_55_ffffff_40x100.png +0 -0
  177. data/vendor/assets/images/jquery-ui/ui-bg_flat_75_ffffff_40x100.png +0 -0
  178. data/vendor/assets/images/jquery-ui/ui-bg_glass_65_ffffff_1x400.png +0 -0
  179. data/vendor/assets/images/jquery-ui/ui-bg_highlight-soft_100_f6f6f6_1x100.png +0 -0
  180. data/vendor/assets/images/jquery-ui/ui-bg_highlight-soft_25_0073ea_1x100.png +0 -0
  181. data/vendor/assets/images/jquery-ui/ui-bg_highlight-soft_50_dddddd_1x100.png +0 -0
  182. data/vendor/assets/images/jquery-ui/ui-icons_0073ea_256x240.png +0 -0
  183. data/vendor/assets/images/jquery-ui/ui-icons_454545_256x240.png +0 -0
  184. data/vendor/assets/images/jquery-ui/ui-icons_666666_256x240.png +0 -0
  185. data/vendor/assets/images/jquery-ui/ui-icons_ff0084_256x240.png +0 -0
  186. data/vendor/assets/images/jquery-ui/ui-icons_ffffff_256x240.png +0 -0
  187. data/vendor/assets/javascripts/jquery.powertip.js +792 -423
  188. data/vendor/assets/javascripts/jquery.sticky-kit.min.js +10 -0
  189. data/vendor/assets/javascripts/prism.js +7 -0
  190. data/vendor/assets/stylesheets/prism.css +139 -0
  191. metadata +44 -51
  192. data/app/assets/stylesheets/spree/backend/plugins/_jstree.scss +0 -135
  193. data/app/views/spree/admin/shared/_sub_menu.html.erb +0 -9
  194. data/spec/features/admin/promotions/user_rule_spec.rb +0 -25
  195. data/vendor/assets/javascripts/equalize.js +0 -41
  196. data/vendor/assets/javascripts/jquery.jstree/jquery.jstree.js +0 -4540
  197. data/vendor/assets/javascripts/jquery.jstree/themes/apple/bg.jpg +0 -0
  198. data/vendor/assets/javascripts/jquery.jstree/themes/apple/d.png +0 -0
  199. data/vendor/assets/javascripts/jquery.jstree/themes/apple/dot_for_ie.gif +0 -0
  200. data/vendor/assets/javascripts/jquery.jstree/themes/apple/style.scss +0 -61
  201. data/vendor/assets/javascripts/jquery.jstree/themes/apple/throbber.gif +0 -0
  202. data/vendor/assets/javascripts/jquery.vAlign.js +0 -11
  203. data/vendor/assets/javascripts/modernizr.js +0 -4
  204. data/vendor/assets/javascripts/responsive-tables.js +0 -42
  205. data/vendor/assets/stylesheets/responsive-tables.css +0 -21
@@ -1,11 +1,3 @@
1
- // Navigation
2
- //---------------------------------------------------
3
- .inline-menu {
4
- margin: 0;
5
- -webkit-margin-before: 0;
6
- -webkit-padding-start: 0;
7
- }
8
-
9
1
  nav.menu {
10
2
  ul {
11
3
  list-style: none;
@@ -27,144 +19,136 @@ nav.menu {
27
19
  border-left-width: 0;
28
20
  border-bottom-color: $color-2;
29
21
  }
30
-
31
- &:hover a {
32
- color: $color-2;
33
- }
34
22
  }
35
23
  }
36
24
  }
37
25
 
38
- [data-hook="admin_login_navigation_bar"] {
39
- ul {
40
- text-align: right;
41
-
42
- li {
43
- padding: 5px 0 5px 10px;
44
- text-align: right;
45
- font-size: 90%;
46
- color: $color-link;
47
- margin-top: 8px;
48
-
49
- &[data-hook="user-logged-in-as"] {
50
- width: 50%;
51
- color: $color-body-text;
52
- }
53
-
54
- &.fa:before {
55
- padding-right: 4px;
56
- }
57
-
58
- &:hover {
59
- i {
60
- color: $color-2;
61
- }
62
- }
63
- }
64
- }
26
+ .admin-nav {
27
+ border-right: 1px solid $color-sidebar-border;
28
+ background: $color-sidebar-bg;
29
+ z-index: $z-index-navbar-flyout;
65
30
  }
66
31
 
67
- #admin-menu {
68
- background-color: $color-3;
32
+ .admin-nav-menu {
33
+ text-transform: uppercase;
69
34
 
70
- ul{
71
- display: table;
72
- table-layout: fixed;
73
- width: 100%;
35
+ ul {
74
36
  margin: 0;
37
+ padding: 0;
38
+ list-style: none;
75
39
  }
76
40
 
77
41
  li {
78
- display: table-cell;
42
+ background: $color-navbar-bg;
79
43
 
80
- a {
81
- display: block;
82
- padding: 25px 15px;
83
- color: $color-1 !important;
84
- text-transform: uppercase;
44
+ &:hover,
45
+ &.selected {
46
+ background: $color-navbar-active-bg;
47
+ }
48
+
49
+ &.selected li {
50
+ padding-left: 2em;
51
+ }
52
+
53
+ &:not(.selected):not(:hover) > ul {
54
+ display: none;
55
+ }
56
+
57
+ &:not(.selected) {
85
58
  position: relative;
86
- text-align: center;
87
59
 
88
- @media(max-width: 1009px) {
89
- top: -3px;
90
- margin-bottom: -5px;
60
+ // flyout nav
61
+ > ul {
62
+ position: absolute;
63
+ top: 0;
64
+ left: 100%;
65
+ width: $width-sidebar-flyout;
66
+ margin-left: 0;
67
+ padding: 1em 0;
68
+ border: 1px solid $color-sidebar-border;
69
+ background: $color-navbar-submenu-bg;
70
+ box-shadow: $box-shadow;
71
+ @include caret($direction: left, $color-caret: $color-navbar-submenu-bg);
72
+
73
+ &:before {
74
+ z-index: 1;
75
+ top: 2em;
91
76
  }
77
+ }
78
+ }
79
+ }
92
80
 
93
- i {
94
- display: inline;
95
- }
81
+ a {
82
+ display: block;
83
+ padding: 1.5em 2em;
84
+ color: $color-navbar-text;
85
+ font-weight: normal;
86
+ }
96
87
 
97
- &:hover {
98
- background-color: $color-2;
99
-
100
- &:after {
101
- content: '';
102
- position: absolute;
103
- border-left: 10px solid transparent;
104
- border-right: 10px solid transparent;
105
- border-top: 5px solid $color-2;
106
- bottom: 0px;
107
- margin-bottom: -5px;
108
- left: 50%;
109
- margin-left: -10px;
110
- z-index: 1;
111
- }
112
- }
88
+ .icon_link {
89
+ text-indent: 2em;
113
90
 
114
- span.text {
115
- font-weight: $font-weight-bold;
116
- }
91
+ &:before {
92
+ position: absolute;
93
+ left: 1em;
94
+ @include transform(translateX(-50%));
117
95
  }
96
+ }
118
97
 
119
- .dropdown {
120
- width: 300px;
121
- background-color: $color-3;
122
- width: 200px;
123
- z-index: 100000;
98
+ // until .fa usage is corrected
99
+ .text {
100
+ font-family: $base-font-family;
101
+ -webkit-font-smoothing: auto;
102
+ -moz-osx-font-smoothing: auto;
103
+ }
124
104
 
125
- > li {
126
- width: 200px !important;
105
+ .admin-subnav {
106
+ li {
107
+ background: $color-navbar-submenu-bg;
108
+ }
127
109
 
128
- a:after {
129
- display: none;
130
- }
110
+ a {
111
+ color: $color-navbar-bg;
112
+ @include padding(1em null);
113
+
114
+ &:hover {
115
+ color: $color-navbar-active-bg;
131
116
  }
132
117
  }
133
118
 
134
- &.selected a {
135
- @extend a:hover;
119
+ .selected {
120
+ a {
121
+ color: $color-navbar-active-bg;
122
+ }
136
123
  }
137
124
  }
138
125
  }
139
126
 
140
- #sub-menu {
141
- background-color: $color-2;
142
- padding-bottom: 0;
127
+ .admin-nav.fits .admin-nav-footer {
128
+ position: fixed;
129
+ bottom: 0;
130
+ width: $width-sidebar;
131
+ border-top: 1px solid $color-sidebar-border;
132
+ }
133
+
134
+ .admin-login-nav {
135
+ list-style: none;
136
+ margin: 0;
137
+ padding: 1rem 0;
143
138
 
144
139
  li {
145
- a {
146
- display: block;
147
- padding: 12px 20px;
148
- color: $color-1;
149
- text-align: center;
150
- text-transform: uppercase;
151
- position: relative;
152
- font-size: 85%;
153
- }
140
+ padding: 0.3rem 1.2rem;
141
+ }
154
142
 
155
- &.selected a, a:hover {
156
- &:after {
157
- content: '';
158
- position: absolute;
159
- border-left: 10px solid transparent;
160
- border-right: 10px solid transparent;
161
- border-top: 5px solid $color-2;
162
- bottom: 0px;
163
- margin-bottom: -5px;
164
- left: 50%;
165
- margin-left: -10px;
166
- z-index: 1;
167
- }
168
- }
143
+ a {
144
+ display: inline-block;
145
+ max-width: 100%;
146
+ overflow: hidden;
147
+ text-overflow: ellipsis;
148
+ white-space: nowrap;
149
+ }
150
+
151
+ i {
152
+ margin-right: 0.5rem;
169
153
  }
170
154
  }
@@ -4,7 +4,7 @@
4
4
  top: 0;
5
5
  z-index: 1000;
6
6
  opacity: 0.8;
7
- width: 100%;
7
+ @include calc(width, "100% - #{$width-sidebar}");
8
8
 
9
9
  .wrapper {
10
10
  border-radius: 10px;
@@ -23,4 +23,10 @@
23
23
  -moz-osx-font-smoothing: grayscale;
24
24
  }
25
25
  }
26
+
27
+ dl {
28
+ dt, dd {
29
+ min-height: 3em;
30
+ }
31
+ }
26
32
  }
@@ -18,6 +18,9 @@ $color-5: #C60F13 !default; // Red
18
18
  $color-6: #FF9300 !default; // Yellow
19
19
  $color-7: #F4F4F4 !default; // Light Gray
20
20
 
21
+ // Basic accents for admin
22
+ $box-shadow: 0px 3px 3px -2px hsla(0, 0%, 0%, 0.2);
23
+
21
24
  // Body base colors
22
25
  $color-body-bg: $color-1 !default;
23
26
  $color-body-text: $color-4 !default;
@@ -29,6 +32,14 @@ $color-link-focus: $color-2 !default;
29
32
  $color-link-visited: $color-3 !default;
30
33
  $color-border: very-light($color-3, 12) !default;
31
34
 
35
+ // Basic navigation colors
36
+ $color-sidebar-bg: $color-body-bg !default;
37
+ $color-sidebar-border: $color-border !default;
38
+ $color-navbar-bg: $color-3 !default;
39
+ $color-navbar-active-bg: $color-2 !default;
40
+ $color-navbar-submenu-bg: very-light($color-navbar-bg, 4) !default;
41
+ $color-navbar-text: $color-1 !default;
42
+
32
43
  // Basic flash colors
33
44
  $color-success: $color-2 !default;
34
45
  $color-notice: $color-6 !default;
@@ -177,3 +188,10 @@ $border-radius: 3px !default;
177
188
 
178
189
  $font-weight-bold: 600 !default;
179
190
  $font-weight-normal: 400 !default;
191
+
192
+ $width-sidebar: 200px !default;
193
+ $width-sidebar-flyout: 225px !default;
194
+
195
+ // Stacking
196
+ //--------------------------------------------------------------
197
+ $z-index-navbar-flyout: 1000;
@@ -0,0 +1,35 @@
1
+ @mixin caret($width: 1em, $height: 1em, $direction: up, $color-caret: $color-3) {
2
+ &:before {
3
+ content: '';
4
+ display: block;
5
+ position: absolute;
6
+ border-width: $height $width;
7
+ border-style: solid;
8
+ border-color: transparent;
9
+
10
+ @if $direction == up {
11
+ border-bottom-color: $color-caret;
12
+ top: -2 * $width;
13
+ left: 50%;
14
+ margin-left: -$height;
15
+ }
16
+ @else if $direction == down {
17
+ border-top-color: $color-caret;
18
+ top: -2 * $width;
19
+ left: 50%;
20
+ margin-left: -$height;
21
+ }
22
+ @else if $direction == left {
23
+ border-right-color: $color-caret;
24
+ left: -2 * $width;
25
+ top: 50%;
26
+ margin-top: -$height;
27
+ }
28
+ @else {
29
+ border-left-color: $color-caret;
30
+ right: -2 * $width;
31
+ top: 50%;
32
+ margin-top: -$height;
33
+ }
34
+ }
35
+ }
@@ -2,6 +2,7 @@
2
2
  background-color: $color-3;
3
3
  padding: 5px 15px;
4
4
  border-radius: $border-radius;
5
+ pointer-events: none;
5
6
 
6
7
  &.n:before, &.ne:before, &.nw:before {
7
8
  border-top-width: 5px;
@@ -0,0 +1,132 @@
1
+ .style-guide {
2
+ @include display(flex);
3
+
4
+ &-sidebar {
5
+ width: 225px;
6
+ background: $color-7;
7
+ padding: 1.5rem;
8
+
9
+ .brand-link {
10
+ margin-top: 2rem;
11
+
12
+ img {
13
+ display: block;
14
+ width: 100px;
15
+ margin: 0 auto;
16
+ }
17
+ }
18
+
19
+ ul {
20
+ list-style: none;
21
+ padding-left: 0;
22
+ }
23
+ }
24
+
25
+ &-main-content {
26
+ @include flex(1);
27
+ }
28
+
29
+ ul {
30
+ list-style: none;
31
+ padding-left: 0;
32
+ }
33
+
34
+ &-nav {
35
+ text-transform: capitalize;
36
+
37
+ > li {
38
+ @include margin(0.5rem null);
39
+ @include padding(0.75rem null);
40
+
41
+ &:not(:first-of-type) {
42
+ border-top: 1px solid darken($color-7, 5%);
43
+ }
44
+
45
+ > a {
46
+ font-size: 1.2rem;
47
+ font-weight: 300;
48
+ }
49
+ }
50
+
51
+ a {
52
+ display: block;
53
+ color: darken($color-7, 65%);
54
+ padding: 0.3rem 0.5rem;
55
+
56
+ &:hover {
57
+ background: darken($color-7, 5%);
58
+ }
59
+ }
60
+ }
61
+
62
+ &-intro,
63
+ &-section:not(:last-child) {
64
+ margin: 4rem 0;
65
+ }
66
+
67
+ &-section {
68
+ @include clearfix;
69
+ }
70
+
71
+ &-section-header {
72
+ @include margin(7rem 0 3rem);
73
+ border-bottom: 1px solid darken($color-7, 10%);
74
+ font-size: 1.5rem;
75
+ font-weight: bold;
76
+ line-height: 0.2;
77
+ text-align: center;
78
+ text-transform: capitalize;
79
+
80
+ span {
81
+ background: $color-body-bg;
82
+ @include padding(null 0.5em);
83
+ }
84
+
85
+ a {
86
+ color: darken($color-7, 65%);
87
+ }
88
+ }
89
+
90
+ .half {
91
+ width: 50%;
92
+ float: left;
93
+ padding-right: 1rem;
94
+
95
+ + .half {
96
+ float: none;
97
+ margin-left: 50%;
98
+ padding-right: 0;
99
+ padding-left: 1rem;
100
+ }
101
+ }
102
+
103
+ &-code {
104
+ pre {
105
+ margin: 0;
106
+ border: 1px solid darken($color-7, 10%);
107
+ }
108
+ }
109
+ }
110
+
111
+ .color-variables {
112
+ @include display(flex);
113
+ @include flex-wrap(wrap);
114
+ }
115
+
116
+ .color-variable {
117
+ @include flex-shrink(0);
118
+ width: 240px;
119
+ padding: 1rem;
120
+
121
+ .color-swatch {
122
+ height: 50px;
123
+ border: 1px solid darken($color-7, 10%);
124
+ }
125
+ }
126
+
127
+ .tags {
128
+ .state {
129
+ width: 33%;
130
+ float: left;
131
+ }
132
+ }
@@ -0,0 +1,60 @@
1
+ #taxonomy_tree {
2
+ padding: 0 3em;
3
+
4
+ &,
5
+ ul {
6
+ list-style: none;
7
+ }
8
+
9
+ ul {
10
+ min-height: 0.5em;
11
+ }
12
+
13
+ .ui-sortable {
14
+ margin-bottom: 0.5em;
15
+ }
16
+
17
+ > li {
18
+ > .sortable-handle {
19
+ text-indent: 2em;
20
+
21
+ * {
22
+ text-indent: 0;
23
+ }
24
+ }
25
+
26
+ > .ui-sortable {
27
+ padding-bottom: 5em;
28
+ }
29
+ }
30
+
31
+ .sortable-handle ,
32
+ .sortable-placeholder {
33
+ border-radius: $border-radius;
34
+ }
35
+
36
+ .sortable-handle {
37
+ background-color: very-light($color-3);
38
+ border: 1px solid $color-border;
39
+ color: $color-body-text;
40
+ font-weight: $font-weight-bold;
41
+ padding: 0.5em;
42
+ cursor: move;
43
+
44
+ i {
45
+ @include margin(null 4px 0 6px);
46
+ }
47
+
48
+ .actions a {
49
+ margin-left: 8px;
50
+ }
51
+ }
52
+
53
+ .ui-sortable-over {
54
+ padding-bottom: 1em;
55
+ }
56
+
57
+ .ui-sortable-handle:first-child {
58
+ margin-top: 1em;
59
+ }
60
+ }
@@ -137,6 +137,8 @@ span.info {
137
137
 
138
138
  &.checkbox {
139
139
  min-height: 73px;
140
+ @include display(flex);
141
+ @include align-items(center);
140
142
 
141
143
  input[type="checkbox"] {
142
144
  display: inline-block;
@@ -43,14 +43,46 @@
43
43
  }
44
44
  }
45
45
 
46
+ // Page Layout
47
+ //---------------------------------------------------
48
+
49
+ html {
50
+ height: 100%;
51
+ }
52
+
53
+ body {
54
+ position: relative;
55
+ min-height: 100%;
56
+ }
57
+
58
+ .admin-nav {
59
+ @include position(absolute, 0 null 0 0);
60
+ width: $width-sidebar;
61
+ }
62
+
63
+ .main-content {
64
+ margin-left: $width-sidebar;
65
+ @include clearfix;
66
+ }
67
+
46
68
  // Header
47
69
  //---------------------------------------------------
48
- #header {
70
+ .admin-nav-header {
71
+ padding: 15px;
72
+ height: 58px; // height of .page-title
73
+ box-sizing: content-box;
49
74
  background-color: $color-1;
50
- padding: 5px 0;
51
- }
75
+ border-bottom: 1px solid $color-border;
52
76
 
53
- #logo { height: 40px }
77
+ a {
78
+ display: inline-block;
79
+ line-height: 58px;
80
+ }
81
+
82
+ img {
83
+ vertical-align: middle;
84
+ }
85
+ }
54
86
 
55
87
  [data-hook="admin-title"] { font-size: 14px }
56
88
 
@@ -62,6 +62,8 @@ h6 { font-size: $h6-size; line-height: $h1-size }
62
62
  //--------------------------------------------------------------
63
63
  ul {
64
64
  &.inline-menu {
65
+ margin: 0;
66
+
65
67
  li {
66
68
  display: inline-block;
67
69
  }
@@ -98,6 +100,7 @@ dl {
98
100
  padding-left: 0;
99
101
  text-transform: uppercase;
100
102
  font-size: 85%;
103
+ clear: left;
101
104
  }
102
105
 
103
106
  dd {
@@ -105,12 +108,6 @@ dl {
105
108
  padding-right: 0;
106
109
  margin-left: 0;
107
110
  }
108
-
109
- dd:after {
110
- content: '';
111
- clear: both;
112
- }
113
-
114
111
  }
115
112
 
116
113
  .dl-collapse {
@@ -4,6 +4,8 @@
4
4
  @import 'spree/backend/globals/variables_override';
5
5
  @import 'spree/backend/globals/variables';
6
6
 
7
+ @import 'spree/backend/globals/mixins/caret';
8
+
7
9
  @import 'spree/backend/shared/typography';
8
10
  @import 'spree/backend/shared/tables';
9
11
  @import 'spree/backend/shared/icons';
@@ -29,7 +31,6 @@
29
31
  @import 'spree/backend/plugins/powertip';
30
32
  @import 'spree/backend/plugins/select2';
31
33
  @import 'spree/backend/plugins/token-input';
32
- @import 'spree/backend/plugins/jstree';
33
34
 
34
35
  @import 'spree/backend/sections/adjustments_table';
35
36
  @import 'spree/backend/sections/orders';
@@ -40,9 +41,11 @@
40
41
  @import 'spree/backend/sections/return_authorizations';
41
42
  @import 'spree/backend/sections/tax_zones';
42
43
  @import 'spree/backend/sections/log_entries';
44
+ @import 'spree/backend/sections/taxonomies';
43
45
  @import 'spree/backend/sections/taxons';
44
46
  @import 'spree/backend/sections/users';
45
47
  @import 'spree/backend/sections/store_credits';
46
48
  @import 'spree/backend/sections/stock_management';
47
49
  @import 'spree/backend/sections/transfer_items';
48
50
  @import 'spree/backend/sections/stock_transfers';
51
+ @import 'spree/backend/sections/style_guide';
@@ -3,13 +3,13 @@
3
3
  * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
4
4
  * the top of the compiled file, but it's generally better to create a new file per style scope.
5
5
 
6
- *= require responsive-tables
7
6
  *= require normalize
8
7
  *= require skeleton
9
8
  *= require jquery-ui/datepicker
10
9
  *= require jquery-ui/autocomplete
11
10
  *= require jquery.powertip
12
11
  *= require select2
12
+ *= require prism
13
13
 
14
14
  *= require spree/backend/spree_admin
15
15
  */