Maikel Linke
2ce65472ec
Remove obsolete styles
...
I think that this was overlooked when replacing the cart code in
be8c0f3600
2020-10-22 15:46:47 +11:00
Maikel Linke
650686c262
Adjust alignment of variant name with unit
2020-10-22 15:46:47 +11:00
Matt-Yorkley
b79d9bd75b
Fix screen-width bug for desktop down
...
The width of these elements was ~105% of total screen width, adding horizontal scrollbars and whitespace on the left hand side
2020-10-22 15:46:47 +11:00
Matt-Yorkley
6bcf11e308
Adjust layout of variant rows for better use of vertical space
2020-10-22 15:46:47 +11:00
Matt-Yorkley
e39a15ed30
Remove margin-bottom with !important from product
2020-10-22 15:46:46 +11:00
Matt-Yorkley
e968a091f9
Match right and left row padding on phablet down
2020-10-22 15:46:46 +11:00
Matt-Yorkley
a2f710db1e
Improve vertical alignment of variant form elements
2020-10-22 15:46:46 +11:00
Matt-Yorkley
898492c409
Remove borders from graph button
2020-10-22 15:46:46 +11:00
Maikel Linke
57178659c3
Remove bulk icon as per design
2020-10-22 15:46:46 +11:00
Maikel Linke
755773e5ad
Style code
2020-10-22 15:46:46 +11:00
Maikel Linke
01c4882759
Replace bulk buy inputs with add-remove-buttons
2020-10-22 15:46:46 +11:00
Maikel Linke
59c13b97ea
Replace quantity input with add-remove buttons
...
The new mobile friendly design contains a nice "Add" button to add
variants to your cart. Once you have the variant in you cart, it's
replaced by plus and minus buttons to adjust the quantity.
Other languages have longer words than "Add" which need to fit on the
button. Since the add button and the +/- buttons should have the same
width, I widened them a little bit so that they fit the longest words
Aggiungi and Добавить.
2020-10-22 15:46:46 +11:00
Maikel Linke
35747dc2b1
Emphasize first identifying name of a variant
...
That can be a variant name or the unit if the name is missing. Putting
the second and third element in the background consistently.
2020-10-22 15:46:45 +11:00
Maikel Linke
8734fb1776
Override *active* states for product properties w/o tooltip
2020-10-22 15:46:45 +11:00
Maikel Linke
9379e21bca
Increase margin between product summary and variants
2020-10-22 15:46:45 +11:00
Maikel Linke
4ab2375832
Reduce margin on the right of product listing
2020-10-22 15:46:45 +11:00
Maikel Linke
1fb544b803
Remove margin of product listing on mobile and tablet
2020-10-22 15:46:45 +11:00
Maikel Linke
e1a3c351e5
Fix "Removal of category icon"
2020-10-22 15:46:45 +11:00
Maikel Linke
4f6e900327
Fix "Remove background and border colors from product list"
2020-10-22 15:46:45 +11:00
Maikel Linke
615678db56
Align inline graph vertically
2020-10-22 15:46:45 +11:00
Maikel Linke
526d4f53ad
Remove red overlay and icon on product image hover
2020-10-22 15:46:45 +11:00
Maikel Linke
ca1cb50314
Adjust margins
2020-10-22 15:46:45 +11:00
Maikel Linke
d02ab109f2
Show product images on mobile
2020-10-22 15:46:45 +11:00
Maikel Linke
fe1618cada
Add description to product listing
...
It's truncated to one line and a click reveals the modal.
2020-10-22 15:46:45 +11:00
Maikel Linke
afed46531c
Remove second line between products, leave one
2020-10-22 15:46:44 +11:00
Maikel Linke
893b6660fc
Change price-breakdown colour to grey
2020-10-22 15:46:44 +11:00
Maikel Linke
3e789fdb84
Show only tabular price breakdown, no graph
2020-10-22 15:46:44 +11:00
Maikel Linke
065314f0e4
Revert "Remove popover indicator"
...
This reverts commit 0bef97a46710c50b8519752009ca9e8c811f8326.
2020-10-22 15:46:44 +11:00
Maikel Linke
952c39f736
Remove popover indicator
2020-10-22 15:46:44 +11:00
Maikel Linke
2b982cfc2e
Show price breakdown on all screens
2020-10-22 15:46:44 +11:00
Maikel Linke
e29be51c45
Place price-breakdown and price in the middle
2020-10-22 15:46:44 +11:00
Maikel Linke
c15828061f
Move unit under name
2020-10-22 15:46:44 +11:00
Maikel Linke
52c8c19dfc
Remove black background from variant name on mobile
...
table-cell gave it a black background.
Also display it on the same line as the quantity input.
2020-10-22 15:46:44 +11:00
Maikel Linke
61d55ff16f
Remove per-variant subtotal from mobile view
2020-10-22 15:46:44 +11:00
Maikel Linke
25e309b8cc
Update link colors to orange and teal
2020-10-22 15:46:44 +11:00
Maikel Linke
9f5cec6d08
Remove tractor in front of producer name
2020-10-22 15:46:44 +11:00
Maikel Linke
03d8ccfe2e
Remove modal open indicator
2020-10-22 15:46:44 +11:00
Maikel Linke
b34449832b
Remove background and border colors from product list
2020-10-22 15:46:43 +11:00
Maikel Linke
0febc9e8c2
Remove unused mixin styles
2020-10-22 15:46:43 +11:00
Matt-Yorkley
f260a2d114
Merge pull request #6141 from Matt-Yorkley/mobile-shops-list
...
Make shops index page usable on mobile
2020-10-16 03:21:32 +02:00
Luis Ramos
6c95444339
Merge pull request #6020 from andresgutgon/fix/admin-menu-in-multiple-lines
...
Fixed admin header buttons dropping multiple lines.
2020-10-07 21:24:48 +01:00
Matt-Yorkley
a04c2ccd6e
Make producers and groups pages usable on mobile
2020-10-06 14:18:41 +01:00
Matt-Yorkley
469e4a4c87
Make shops index page usable on mobile
2020-10-06 14:18:39 +01:00
Luis Ramos
bbef0bac5f
Make font size 1em for larger screens
2020-09-25 21:28:22 +01:00
Luis Ramos
2234ea6f5a
Make shop tabs black and capitalized
2020-09-22 16:59:42 +01:00
Luis Ramos
7ebdc1d0da
Merge pull request #6059 from andresgutgon/fix/sticky-search-bar-disapears-when-cart-is-open
...
Fix sticky search bar disappearing when cart is open.
2020-09-22 10:52:33 +01:00
andresgutgon
636da229ad
Fix sticky search bar disappearing when cart is open.
...
So I think the issue is that all the HTML is wrapped on an
`off-canvas-wrap` class that is used for doing the sidebar car open over
main content. The problem is that when this car sidebar is open body of
HTML overflow is changed to `overflow: hidden` and search bar use CSS
`position: sticky;` which doesn't work when its parent has overflow
hidden. The issue was that `off-canvas-wrap` had an `overflow: inherit`
which means when body is set to overflow hidden this div inherits it and
break search bar position sticky when cart sidebar is opened. The
solution is to use `position: initial` which means use what a div has as
default value for `overflow` which I think it's `visible`. This class is
overriding the same class that comes from Foundation Framework that set
this div to be `overflow: hidden`. The override was added when [we added
search sticky](ff69389bb0https://css-tricks.com/dealing-with-overflow-and-position-sticky/ ) also info about [position initial vs inherit](https://stackoverflow.com/a/29661356 )
2020-09-19 12:21:24 +02:00
andresgutgon
ef85ac3e27
Fixed admin header buttons dropping multiple lines.
2020-09-19 11:37:09 +02:00
Luis Ramos
208be3ede6
Fix rubocop issues
2020-08-31 20:00:08 +01:00
Luis Ramos
aedc12e0e3
Add top padding to terms file upload input in enterprises form
2020-08-31 17:40:34 +01:00
