raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-01-24 20:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Increase button size

Browse Source 
And fix alignment for smaller screens.
This commit is contained in:
David Cook
2024-02-07 10:13:17 +11:00
parent b3692d7468
commit d24348d0f2
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/components/modal_component/modal_component.scss
View File

@@ -27,6 +27,7 @@ body.modal-open #admin-menu li.selected a::after {
.modal-actions {
display: flex;
text-align: center; // Ensure text inside fullwidth buttons are centred on small screens
&.justify-space-around {
justify-content: space-around;

4
app/views/admin/products_v3/_edit_image.html.haml
View File

@@ -10,7 +10,7 @@
= f.hidden_field :viewable_id, value: product.id
.modal-actions.justify-end
%input{ class: "secondary", type: 'button', value: t('.close'), "data-action": "click->modal#close" }
%input{ class: "secondary relaxed", type: 'button', value: t('.close'), "data-action": "click->modal#close" }
-# label.button provides a handy shortcut to open the file selector on click. Unfortunately this trick isn't keyboard accessible though..
= f.label :attachment, t(".upload"), class: "button primary icon-upload-alt"
= f.label :attachment, t(".upload"), class: "button primary relaxed icon-upload-alt"
= f.file_field :attachment, accept: "image/*", style: "display: none", "data-action": "change->form#submit"