raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-03-01 02:03:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Reduce cell padding

Browse Source 
This is closer to the original design:
* 6px between inputs
* 6px vertical padding on condensed rows
* 12px vertical padding on relaxed rows

Note that 'relaxed' rows are now smaller than the regular rows, which was not the original intention. But we haven't got spare time to do a broader review of table styles right now.
This commit is contained in:
David Cook
2024-08-26 16:33:33 +10:00
parent e2423ad612
commit 5324747f89
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/views/admin/products_v3/_table.html.haml
View File

@@ -16,7 +16,7 @@
%table.products{ 'data-column-preferences-target': "table" }
%colgroup
-# The `min-width` property works in Chrome but not Firefox so is considered progressive enhancement.
%col.col-image{ width:"56px" }= # (image size + padding)
%col.col-image{ width:"44px" }= # (image size + padding)
%col.col-name{ style:"min-width: 6em" }= # (grow to fill)
%col.col-sku{ width:"8%", style:"min-width: 6em" }
%col.col-unit_scale{ width:"8%" }

2
app/webpacker/css/admin/products_v3.scss
View File

@@ -148,7 +148,7 @@
border-bottom: 2px solid $color-tbl-bg;
&.with-image {
padding: 8px;
padding: 4px 2px;
}
}

4
app/webpacker/css/admin_v3/globals/variables.scss
View File

@@ -40,8 +40,8 @@ $color-tbl-thead-txt: $color-headers !default;
$color-tbl-thead-bg: $light-grey !default;
$color-tbl-border: $pale-blue !default;
$padding-tbl-cell: 12px;
$padding-tbl-cell-condensed: 4px 12px;
$padding-tbl-cell-relaxed: 12px 12px;
$padding-tbl-cell-condensed: 4px 3px;
$padding-tbl-cell-relaxed: 8px 3px;
// Button colors
$color-btn-bg: $teal !default;