Matt-Yorkley
fb482fc1c7
Quickfix: unwanted border-right on bulk buy buttons
2020-10-22 15:46:49 +11:00
Maikel Linke
db53848092
Enable switching language of "Price breakdown"
...
And move translation to its own context.
2020-10-22 15:46:49 +11:00
Maikel Linke
2887751098
Move translation to its own section
2020-10-22 15:46:49 +11:00
Maikel Linke
e0a7f50626
Standardise new grey colour
2020-10-22 15:46:49 +11:00
Maikel Linke
db321da02a
Fade "From" producer label
2020-10-22 15:46:49 +11:00
Maikel Linke
d5f0fb10f4
Distinguish unit size more from variant name
2020-10-22 15:46:49 +11:00
Maikel Linke
f6f029666a
Remove gaps in multi-line variant name
2020-10-22 15:46:49 +11:00
Maikel Linke
23454ba3bf
Show product property description nub on mobile
2020-10-22 15:46:49 +11:00
Maikel Linke
a3e83f2f70
Grey out disabled bulk quantity buttons
...
Since they are further away from each other, the colour difference has
to be stronger to be recognised.
2020-10-22 15:46:49 +11:00
Maikel Linke
ec1887544e
Reduce bulk input modal size
...
This brings the related elements closer together.
2020-10-22 15:46:49 +11:00
Maikel Linke
e37fedc435
Add bulk ribbon to bulk products
2020-10-22 15:46:49 +11:00
Maikel Linke
ed902e7489
Reduce price breakdown size
...
It doesn't need as much space. This brings related text closer together
and hides less of the page, e.g. the add-to-cart button.
2020-10-22 15:46:49 +11:00
Maikel Linke
68777039bf
Adjust padding in the price breakdown modal
2020-10-22 15:46:48 +11:00
Maikel Linke
bbe2ce9cba
Add "Price breakdown" heading to pop-up
...
The translation key was already present even though it was unused.
2020-10-22 15:46:48 +11:00
Maikel Linke
450e5cc5e3
Remove indent of product description on iPhone
...
Our HTML formatting plugin for product descriptions adds whitespace to
the beginning of the description text. While that shouldn't be rendered
in HTML, Safari on iPhone was showing a whitespace and therefore moving
the text a bit to the right.
2020-10-22 15:46:48 +11:00
Maikel Linke
36ead3fdba
Remove margin between products and search bar on mobile
2020-10-22 15:46:48 +11:00
Maikel Linke
30bfb1a7bd
Fix clickable area when opening price breakdown
...
Once a price breakdown has been opened, the nub was over the bottom half
of the pie button. It made half of the pie unclickable.
And when you closed the breakdown, it became invisible but stayed
present, absorbing all clicks in that area. So other pie buttons were
unclickable as well.
2020-10-22 15:46:48 +11:00
Maikel Linke
0268782b5e
Align price pie with product name
...
Moving it a bit to the right on mobile.
And giving the variant name a bit more space.
2020-10-22 15:46:48 +11:00
Maikel Linke
152835335d
Pre-calculate product image size in layout
...
Giving a percentage is simpler than the whole formula.
2020-10-22 15:46:48 +11:00
Maikel Linke
fd14d61213
Adjust product separator color
...
The original design contains grey-100: e6e6e6
Also removed not needed comment.
2020-10-22 15:46:48 +11:00
Maikel Linke
05add9e530
Enlarge product pictures flexibly for devices
...
This change will need a change of the `small` image size. The new format
should be `227x227#`. The `#` crops the center of an image to make it
square if necessary. All old images should then be regenerated:
rake paperclip:refresh:thumbnails CLASS=Spree::Image
2020-10-22 15:46:48 +11:00
Maikel Linke
de9b10b227
Darken add-button on hover
2020-10-22 15:46:48 +11:00
Maikel Linke
41ab84c8f9
Add padding to product tags
2020-10-22 15:46:48 +11:00
Maikel Linke
cb5089a69a
Increase space for variant name on mobile
2020-10-22 15:46:48 +11:00
Maikel Linke
15c7dad5f2
Left-align prices on mobile
2020-10-22 15:46:48 +11:00
Maikel Linke
b57c912aa0
Add space between products and filters
2020-10-22 15:46:48 +11:00
Maikel Linke
66d5f8d5c1
Align first product flush to the search bar
2020-10-22 15:46:47 +11:00
Maikel Linke
1e3ff141f0
Reduce margin below product description
2020-10-22 15:46:47 +11:00
Maikel Linke
c053ae951b
Style product header
...
Reduce font size.
Adjust margins.
2020-10-22 15:46:47 +11:00
Maikel Linke
3a3ec4e45e
Close price breakdown on click outside
2020-10-22 15:46:47 +11:00
Maikel Linke
6bb48c0954
Adjust active colour of price breakdown button
2020-10-22 15:46:47 +11:00
Maikel Linke
1fd4dc471a
Position the price breakdown below the button
2020-10-22 15:46:47 +11:00
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
230d3e76a1
Label plus and minus symbols as special
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
Maikel Linke
cdbbcfd1fe
Better naming for translation keys
2020-10-22 15:46:47 +11:00
Maikel Linke
e45941276e
Better naming of translation keys
...
Also splitting one key for two different uses.
2020-10-22 15:46:47 +11:00
Maikel Linke
d2600b1d40
Avoid translation errors by hardcoding symbols
...
The fullwidth plus and minus signs are well understood in all countries
(that participate in the development of OFN). It's more likely that a
translator enters a normal plus or minus than that they want to change
the symbol. A normal + or - sign doesn't fill a whole character space
and is therefore not well aligned in the design.
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
98e581c059
Remove pad-top class from products from to match alignment with filter sidebar
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
Matt-Yorkley
a89c81a033
Hide description paragraph if product has no description
...
Improves the appearance of the layout when no description is present
2020-10-22 15:46:46 +11:00
Maikel Linke
9da91576ac
Fix height of invisible "in cart" text
...
While the text "x in cart" isn't visible, the item quantity is not set.
A missing variable leads to longer text that is taken up more space. In
this case it was two lines instead of one line. The resulting extra line
of margin disappeared when adding to the cart and the rest of the page
jumped up.
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
81cc951ed4
Name symbols on quantity buttons in specs
2020-10-22 15:46:46 +11:00
Maikel Linke
d337561ea8
Move ShopVariantCtrl to own file and spec it
2020-10-22 15:46:46 +11:00
