David Cook
f9fc1657a8
Grey out disabled button
...
It looks like the disabled-bg colour was being used for pagination, but I can't see where. This way we should be able to apply the styles more consistently in the future.
2023-11-03 17:28:20 +11:00
David Cook
fdad45bb46
Rename 'modified' state to 'changed'
...
This conveniently matches the terminology used in both JavaScript and ActiveModel::Dirty.
2023-10-24 15:21:13 +11:00
Rachel Arnould
15137caed2
Merge pull request #11509 from dacook/buu-editing-part3-11059
...
[BUU] Bulk form editing features
2023-09-20 19:27:05 +02:00
Jean-Baptiste Bellet
a59c8adbbf
Adjust color for edit action to $teal
2023-09-15 10:47:44 +02:00
Jean-Baptiste Bellet
beba709827
Move buttons/input stuff into related file
...
And adjust design for v3 style
2023-09-15 10:47:44 +02:00
Jean-Baptiste Bellet
e5086ce057
Adjust colors for select2 and remove useless ones
2023-09-15 10:47:43 +02:00
David Cook
18e40bebd0
Mark modified fields
2023-09-15 15:45:45 +10:00
David Cook
7bf79441c8
Update link colours to match new design
2023-08-22 11:40:58 +10:00
David Cook
37d1113e4c
Align row headers with input contents
...
Inputs add extra padding, so we add the same padding to the header. Using an opt-in class, because I think we won't want this on all columns.
2023-08-22 11:40:58 +10:00
Jean-Baptiste Bellet
f5e7738c78
Introduce relaxed, regular and condensed button for specify height
2023-08-18 09:46:56 +02:00
David Cook
293e135a45
Move variables to one variables file
...
Note that color-tbl-border is not needed in the new admin_v3 styles.
2023-08-03 09:49:29 +10:00
David Cook
01a9095121
Move some variables to the palette
2023-08-03 09:49:29 +10:00
David Cook
bf9cd09462
Remove dependence on darkswarm variables
...
There were all sorts of dependencies hiding in there, and it was overwriting some of the admin variables. Better to keep things separate and simple.
I discovered that there was one legitimate reason for importing them though: for styling the trix editor. I can't think of a good way to safely import them without affecting the other variables, so I just hardcoded the colours for now.
2023-08-03 09:47:44 +10:00
Jean-Baptiste Bellet
010f19cb83
Create a medium height button, and adjust #sort row
2023-07-19 14:58:39 +02:00
Jean-Baptiste Bellet
5a8a187f54
Add clear search button and action
2023-07-19 14:58:39 +02:00
Jean-Baptiste Bellet
904c7bfacf
Buttons design
...
Remove already defined `$border-radius`
Defined `app/webpacker/css/admin/globals/variables.scss`
Adjust height
2023-07-19 14:58:39 +02:00
Jean-Baptiste Bellet
643897abb2
Add search functionnality
2023-07-19 14:58:39 +02:00
David Cook
f280881126
Style tables with relaxed and condensed rows
...
* attempt with shadows, but they are between every row: http://jsfiddle.net/d872e3nb/
* another attempt at applying styles to tbody groups http://jsfiddle.net/sb38cLdu/
2023-06-28 09:59:57 +10:00
David Cook
6a2025b271
Add products table
...
With ellipsis clipping for long lines.
2023-06-28 09:59:57 +10:00
David Cook
efcaab5deb
Rename colour variables
2023-06-28 09:59:57 +10:00
David Cook
e4c65ea87d
Prettify palette file
2023-06-13 11:46:28 +10:00
David Cook
edcdcd3f74
Use header colour for table headers
2023-06-13 11:45:39 +10:00
David Cook
16534319b6
Replace dark blue with "Sherpa blue"
...
It looks like it’s used in headers, some buttons and a loading message
2023-06-13 11:45:39 +10:00
David Cook
d85ea628e2
Change default font colour to near-black
...
It looks like this is the main font colour in the new designs.
2023-06-13 11:45:39 +10:00
David Cook
821446e150
Style pagination links
...
And provide a basic hover state for most other buttons.
The pagination button hover and active states will need updating.
The darker background colour sometimes wraps a whole table (eg products table).
2023-06-13 11:45:39 +10:00
David Cook
fb17a679c0
First pass at new table colours
...
There is more to do, for example the dropshadows.
I've continued with the unopinionated colour naming (eg color-7), but would like to consider giving them more meaningfule names..
2023-06-13 11:45:39 +10:00
David Cook
3967f54533
Use different variables and table styles for admin_v3
2023-06-13 11:44:48 +10:00
Jean-Baptiste Bellet
905220a055
Add new color: $color-8 #191c1d Near-black
2023-06-08 11:24:44 +02:00
Jean-Baptiste Bellet
2057449dac
Add new color: $color-7 #EFF1F2 Light grey
2023-06-08 11:24:44 +02:00
Jean-Baptiste Bellet
a4d3011e27
Add new color: $color-9 #2E3132 Dark Grey
2023-06-08 11:24:44 +02:00
Jean-Baptiste Bellet
dd48092728
Prettier file
2023-06-08 11:24:44 +02:00
David Cook
e674c53535
Change error red color to Mojo
...
color-5 is used for error messages.
2023-05-26 15:11:23 +10:00
David Cook
719a704985
Change blue colour as per design
...
https://github.com/openfoodfoundation/openfoodnetwork/issues/10630#issue-1644928392
2023-05-26 15:11:23 +10:00
David Cook
e928e74ae6
Use different palette for admin styles v3
...
Note that mail.css is still referring to the old palette.
2023-05-26 15:10:49 +10:00