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
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
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
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
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
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
Jean-Baptiste Bellet
5601a6d3b6
Darken labels since the background is now more white but light grey
2022-12-29 14:47:12 +01:00
Jean-Baptiste Bellet
2ff50587d8
Align icon content in the center via display: flex;
2022-12-19 11:53:58 +01:00
Jean-Baptiste Bellet
86c437ee24
No need to be as specific
...
Didn't work for firefox.
Seems to be useless now, removing it.
2022-12-16 15:49:38 +01:00
Jean-Baptiste Bellet
19bd067379
White background for dropdowns
2022-12-16 15:49:38 +01:00
Jean-Baptiste Bellet
d8e22a5ee7
Add rounded corner on top of table header
2022-12-16 15:49:38 +01:00
Jean-Baptiste Bellet
896743ee34
Icon road (ie. ship button) should be dark blue on hover
2022-12-16 15:49:38 +01:00
Jean-Baptiste Bellet
f935a27253
Override border color when open or active for multi select
2022-12-16 15:49:38 +01:00
Jean-Baptiste Bellet
54fd768aa4
Darker blue instead of green on the side menu when active or hover
2022-12-16 15:49:38 +01:00
Jean-Baptiste Bellet
89acd3a589
Body is now with bg-color $v2-body-bg, ie. #f7f9fa
2022-12-16 15:49:38 +01:00
Jean-Baptiste Bellet
10b0f9b650
Be more and more specific to be sure that this overrides applies
2022-12-16 15:49:38 +01:00
Jean-Baptiste Bellet
67cca34daa
Consider remove button as a secondary one
2022-12-16 15:49:38 +01:00
Jean-Baptiste Bellet
19f3fd872f
Re-organise to be as clear as possible
...
Use default then override
2022-12-16 15:49:38 +01:00
Jean-Baptiste Bellet
3175f0f68c
Specify for edit, capture, ok and plus icons: background is always blue
...
The previously success color (which is green) is doesn't fit the v2 design
2022-12-16 15:49:38 +01:00
Jean-Baptiste Bellet
5f7f7c78b0
Change tom-select colors
...
cf. select2
2022-12-16 15:49:38 +01:00
Jean-Baptiste Bellet
aa26e15e6b
Permit to use hovering background color get from the state
...
Do not override, and then, icon can be:
- red if it's a delete icon,
- green if it's ..
2022-12-16 15:49:38 +01:00
Jean-Baptiste Bellet
64d467ce39
Specify table#listing_orders and be as generic as possible for table
2022-12-16 15:49:38 +01:00
Jean-Baptiste Bellet
727e6d4966
Only called in a v2 context, no need to specify a selector
...
+ adjust that should be adjusted
2022-12-16 15:49:38 +01:00