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

Restore image display with absolute width

Browse Source 
The `min-width` property is ignored by Firefox. And we don't need the
column to grow any bigger than the picture size anyway. An absolute
width is correct here.

The specification says:

> Applies to all elements but non-replaced inline elements, table rows,
> and row groups.

Firefox is totally right in ignoring it.
This commit is contained in:
Maikel Linke
2024-06-14 09:48:55 +10:00
parent 5d0e241f8c
commit 3c9f77dc2b
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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