Maikel
4193cdb9f1
Merge pull request #10320 from dacook/remove-ie-warning
...
Remove unnecessary IE warning
2023-01-27 17:02:53 +11:00
David Cook
57678b7566
Remove IE warning
...
It brings me great pleasure to remove this. I've been waiting my whole career: IE is finally gone!!
2023-01-27 12:45:46 +11:00
Filipe
1ea7304549
Merge pull request #10276 from jibees/10250-split-checkout-responsiveness-is-broken-on-iphone
...
Split Checkout, increase input to 16px for small devices and iOS devices
2023-01-25 17:32:10 +00:00
Maikel Linke
2bba38134e
Show new flash messages until discarded by user
...
We currently have two mechanisms to display flash messages. The old one
through AngularJS and the new one with StimulusReflex.
The AngularJS directive showed flashes for 10 seconds. The
StimulusReflex controller showed them only for 3 seconds. But any time
based disappearance of error messages is problematic. There's important
information in there and some error messages can be long. It's also
possible that a request takes a while, the user leaves the computer and
comes back later. If we hide the flash automatically then the user may
have no idea what went wrong. They may even think that everything is
fine and their order went through.
I removed the time-based removal of flash messages from the new
StimulusReflex controller to address this problem. But I didn't touch
the AngularJS directive because it will be removed anyway. There may
also be many more messages that could be annoying if they didn't
disappear, for example a simple "login successful".
I personally think that flash messages that are not important to keep,
don't need to be shown in the first place. The best UX makes the success
obvious on the page. And success should be assumed.
2023-01-25 15:33:17 +11:00
Jean-Baptiste Bellet
3e8ec039f7
Increase input to 16px for small devices and iOS devices
...
This avoid that "zoom on input focus" on iOS devices
2023-01-24 12:05:09 +01:00
Jean-Baptiste Bellet
370e476fc5
has:() relational pseudo class is not available for firefox
...
cf. https://caniuse.com/css-has
So be more generic, as the only `checkout-input` is for that checkbox for T&Cs
2023-01-20 15:37:52 +01:00
Jean-Baptiste Bellet
f8b8e79725
Specify a bit when T&Cs label is longer that summary width
...
and therefore on two lines
2023-01-20 11:20:35 +01:00
Jean-Baptiste Bellet
3e7e0e4d81
Instead of adding inline style, create a CSS rule
2023-01-20 11:20:35 +01:00
Jean-Baptiste Bellet
21b74386f9
Introduce mobile view for summary step
2023-01-20 11:20:35 +01:00
Jean-Baptiste Bellet
ef572668d5
Let's keep fees next to the payment or shipping method
2023-01-20 11:20:35 +01:00
Jean-Baptiste Bellet
1ea9c15bb8
Put total on the summary box on the right
2023-01-20 11:20:34 +01:00
Jean-Baptiste Bellet
52959a913f
New step3: two columns, more condensed
2023-01-20 11:20:34 +01:00
Jean-Baptiste Bellet
519c15a9d5
Create a ConfirmModalComponent
...
- Inherits from ModalComponent
- Has a close button
- Accept `confirm_actions` to trigger reflexes
- Accept `controller` to encapsulate stimulus reflexe controllers
2023-01-03 10:32:11 +01:00
Sigmund Petersen
d5ef68323e
Merge pull request #10169 from cillian/remove-unused-angular-directives
...
Remove unused angular directives
2023-01-01 13:14:23 +01:00
Jean-Baptiste Bellet
b0048cb453
Underline the text for title of the previously completed step
2022-12-28 15:27:37 +01:00
Jean-Baptiste Bellet
f1bb4fdf38
Same display css rules for price of payment and shipping method
...
+ update spec since parenthesis are added by css
2022-12-28 15:21:29 +01:00
Jean-Baptiste Bellet
a6856f3d21
Cancel button looked as disabled: now use a orange border and white bg
2022-12-28 15:21:29 +01:00
Jean-Baptiste Bellet
93e736fdf6
Use label as a placeholder that move above the input when focused
...
Couldn't make a pure CSS version because of the way rails generates its errors (it add `<span />` over the element, either `input` or `label`, itself)
2022-12-27 10:47:18 +01:00
Jean-Baptiste Bellet
988dcc6081
Use two columns for contact info and first/last name
...
For small screen, it's a one column
2022-12-27 10:46:59 +01:00
Jean-Baptiste Bellet
dcbe9dd1cb
Do not underline element that aren't link
2022-12-27 10:46:37 +01:00
binarygit
3b179e75a4
Stop horizontal scroll on body in cart page
2022-12-19 21:30:31 +05:45
Jean-Baptiste Bellet
2296a51dd2
Remove useless CSS class .filte-row
2022-12-19 10:50:00 +01:00
Cillian O'Ruanaidh
c000010d0b
Update CSS comment to reflect that singleLineSelectors directive was replaced by filterSelectors
2022-12-16 16:24:42 +00:00
binarygit
368cd76611
[Split Checkout] Stop horizontal scroll on body in order summary page
2022-12-06 12:12:38 +05:45
Vinicius Uehara
7772c01e16
Add pointer cursor when hovering a clickable product description
2022-10-18 23:11:56 -03:00
Jean-Baptiste Bellet
89aa76dbbc
Handle long payment description with no space
2022-04-29 10:15:50 +02:00
Jean-Baptiste Bellet
4635e67707
Create mixins to force wrap
...
No need to pre-wrap since we break-word
2022-04-29 10:15:50 +02:00
Jean-Baptiste Bellet
99c0416cc7
Handle long shipping method description with no spaces
2022-04-28 10:40:28 +02:00
Cillian O'Ruanaidh
4162830bee
Switch help modals from angular templates to use ViewComponent and StimulusJs
2022-04-20 09:36:30 +10:00
Jean-Baptiste Bellet
1c68293cac
Display remaining stock for variant in the shopfront
...
Display only if all conditions are met:
- Variant is not a bulk buy
- Shop preference is true for `preferred_product_stock_display`
- Only 3 (or less) items are remaining in stock
- No item for this variant is already to cart
2022-04-15 10:53:28 +10:00
Jean-Baptiste Bellet
6f6ad05ac2
Factorize some css rules for panel
2022-03-17 16:47:16 +01:00
Jean-Baptiste Bellet
ac361d3b64
Add already_opened on each step
2022-03-17 16:47:16 +01:00
Jean-Baptiste Bellet
d858d6f941
Improve design by aligning cell on right but with padding
2022-02-11 11:09:54 +01:00
Filipe
e403fc171d
Merge pull request #8808 from Matt-Yorkley/login-modal
...
Remove all Angular code from Login/Signup process
2022-02-03 19:36:44 +00:00
Filipe
787b643832
Merge pull request #8818 from jibees/8793-specify-a-min-width-for-radio-input
...
Split checkout: specify a min width for radio input that improve the rendering on iOS
2022-02-02 18:31:27 +00:00
Jean-Baptiste Bellet
d97381548a
Specify a min width for radio
2022-01-31 15:50:37 +01:00
Jean-Baptiste Bellet
da6be441f8
Make sticky buttons fullwidth on mobile
2022-01-31 11:47:35 +01:00
Jean-Baptiste Bellet
fdeadd0940
Reduce margin on step3 since the container could be a little too high
2022-01-31 11:31:32 +01:00
Jean-Baptiste Bellet
3abef1b703
Specify css for this sticky container
...
with a nice box-shadow.
Handle special case for mobile view (ie. max width 700px)
2022-01-31 11:31:32 +01:00
Matt-Yorkley
0577b46f3f
Create simpler non-Angular login modal
2022-01-29 14:49:23 +00:00
Jean-Baptiste Bellet
f78ff3fc3b
Improve display when label is long
...
(ie. longer than the available screen width)
2022-01-13 11:05:44 +01:00
Jean-Baptiste Bellet
2568d775ae
Create the guest view and its associated css
2022-01-10 09:39:46 +01:00
Matt-Yorkley
469c4e69e0
Update broken variable reference
...
The previous font variable is only present in admin css
2021-12-27 17:45:06 +00:00
Matt-Yorkley
959c89a3ec
Move new image
2021-12-27 17:45:06 +00:00
Matt-Yorkley
8a34e8e762
Move new scss files
2021-12-27 17:45:06 +00:00
Matt-Yorkley
b33ac49442
Update vendor import paths
2021-12-27 17:45:06 +00:00
Matt-Yorkley
0057dbcb89
Remove Sprockets require statements
2021-12-27 17:45:06 +00:00
Matt-Yorkley
ec2213d2f0
Reduce duplicate import statements
...
It looks ike these CSS rules are actually being re-imported multiple times, which is bloating the output.
2021-12-27 17:45:06 +00:00
Matt-Yorkley
825aeeae04
Migrate images and update assets
2021-12-27 17:45:06 +00:00
Matt-Yorkley
cb27081425
Install Foundation 5.5.2 via yarn
2021-12-27 17:45:05 +00:00