Gaetan Craig-Riou
f7ee01b9f8
Add voucher input on checkout payment's step
...
Voucher input is displayed only if the distributor has any voucher
2023-05-15 13:42:37 +10:00
David Cook
e11518938f
Prettify admin components scss
...
Largely whitespace, but some other updates too, including uppercase colour codes and standardising numbers.
Best viewed with whitespace ignored.
2023-05-03 12:10:58 +10:00
David Cook
c4dc5e0718
Prettier: use double quotes by default
...
Unfortunately Prettier won't let you do one rule at a time (https://stackoverflow.com/q/63813336/421243 ), so I'll break it into file chunks.
2023-05-03 12:10:58 +10:00
Konrad
d115c4ce2c
Merge pull request #10733 from jibees/9782-shops-list-overlapping-and-overflowing-texts-on-mobile2
...
Shops list: fix some overlapping and overflowing texts on mobile
2023-05-02 12:15:19 +02:00
Matt-Yorkley
b9431cd121
Remove data-hook attributes
2023-04-28 13:03:13 +01:00
Jean-Baptiste Bellet
30ba29382a
Avoid name collision by renaming some classes with a prefix flex-
...
This classes should only be used with `.flex`
2023-04-26 09:52:24 +02:00
Jean-Baptiste Bellet
9584205a8e
Use .flex class in utilities.scss file
...
No need to have multiple definition as already included
2023-04-26 09:51:28 +02:00
Jean-Baptiste Bellet
3644dbc0fd
Small fix of a prettier formatter error
2023-04-26 09:51:17 +02:00
Jean-Baptiste Bellet
05a7276c9c
Create an utilities.scss file that contains some utility classes
...
Finally Tailwind is coming? ;)
2023-04-26 09:47:23 +02:00
Jean-Baptiste Bellet
b17b25516f
Use a UTF-8 character
2023-04-21 10:37:20 +02:00
Jean-Baptiste Bellet
8444fca19a
Fix syntax error
2023-04-21 10:36:47 +02:00
Jean-Baptiste Bellet
18d90114fe
Be more responsive: use flex, ellipsis, less columns
2023-04-21 10:36:21 +02:00
Jean-Baptiste Bellet
76357789a3
Avoid line break between state wording and its little colored circle
2023-04-20 09:09:29 +02:00
Jean-Baptiste Bellet
5dd7246b85
Rename confirm to use confirmation
...
`confirmation` is the state used by order model
2023-04-20 09:07:01 +02:00
David Cook
29b9777a96
Replace deprecated sass division operator
...
https://sass-lang.com/documentation/breaking-changes/slash-div
> Sass currently treats / as a division operation in some contexts and a separator in others. This makes it difficult for Sass users to tell what any given / will mean, and makes it hard to work with new CSS features that use / as a separator.
There's a handy migrator:
npm install -g sass-migrator
sass-migrator division **/*.scss
And it cleverly avoids the need for the ugly division method in most cases.
2023-04-14 17:59:01 +10:00
David Cook
283dd84ad6
Add expected whitespace
...
The migrator refused to proceed until I fixed this.
2023-04-14 17:56:24 +10:00
Jean-Baptiste Bellet
4dfc56954c
Force .product-description to be one line
...
and make it as a `div`
2023-03-31 10:41:27 +02:00
Jean-Baptiste Bellet
d9eb97bd05
As we are in transition, angularjs dropdown component use both css classes
...
And we should specify a bit the height of the component since it's used in different context
2023-02-14 16:15:44 +01:00
Jean-Baptiste Bellet
6ec219031d
Avoid to specifically use a label component for menu_item
...
Then, add `label` CSS rule inside `menu_item` component
2023-02-14 15:47:55 +01:00
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
Konrad
c4b89e466b
Merge pull request #9804 from jibees/9420-resend-confirmation-email-in-bulk
...
Admin, Orders list: Resend confirmation email in bulk
2023-01-11 00:16:57 +01:00
Jean-Baptiste Bellet
e403a2c174
Secondary button can actually be disabled
2023-01-06 14:03:40 +01:00
Jean-Baptiste Bellet
5aca76e520
OC, incoming|outgoing products, have the actions inside the table
2023-01-06 14:03:40 +01:00
Jean-Baptiste Bellet
73a2b90e1b
On hovering, all the tr should be colored
...
This needs to be respecified with an `!important` keyword
Even if already defined in `app/webpacker/css/admin/openfoodnetwork.scss`
2023-01-06 14:03:40 +01:00
Jean-Baptiste Bellet
52cb6d4eec
Put all actions in the same flex container, aligned to right
2023-01-06 10:45:30 +01:00
Jean-Baptiste Bellet
fc6bd53720
Put some specials rules for listing_orders as generics for all tables
...
- `.actions` is now integrated to the table itself, with the same design
- We have to use `!important` keyword as already defined like this...
2023-01-06 10:33:27 +01:00
Jean-Baptiste Bellet
972e0b5d0b
Specify color for h4. Same as others titles.
2023-01-04 10:41:30 +01:00
Jean-Baptiste Bellet
927c1c81e5
Border and background for a panel
2023-01-04 10:41:30 +01:00
Jean-Baptiste Bellet
fd87013a63
Colorize and customize tagging componenent
2023-01-04 10:41:30 +01:00
Jean-Baptiste Bellet
274e0d0335
Same color but with variable
2023-01-04 10:41:30 +01:00
Jean-Baptiste Bellet
c5f3d3fa71
Use a darker grey for disabled button
2023-01-04 10:41:30 +01:00
Jean-Baptiste Bellet
26684f7db5
New colors for wizard progress
2023-01-04 10:41:30 +01:00
Jean-Baptiste Bellet
2ccb7de004
Specify cursor: default when button is disabled
2023-01-04 10:41:30 +01:00
Jean-Baptiste Bellet
7c321922ad
Actually, this needs to be white since the body is no more white
2023-01-04 10:41:30 +01:00
Jean-Baptiste Bellet
d7e3e81c8c
Adjust border color when active
2023-01-04 10:41:30 +01:00
Jean-Baptiste Bellet
d7454ecb9f
Adjust border radius when drop is above
2023-01-04 10:41:30 +01:00
Jean-Baptiste Bellet
4c172b5ace
Adjust color and height between input type text and select
2023-01-04 10:41:30 +01:00
Jean-Baptiste Bellet
6529a8d98f
#clear_all_filters button as a secondary one
2023-01-04 10:41:30 +01:00
Jean-Baptiste Bellet
9997fe26fc
Small adjustments to make it usable in admin section
2023-01-03 10:32:11 +01:00