ge-aerospace/shopdb-flask
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

shopfloor dashboard: fix recert-name height so long names don't shift the grid

Browse Source 
A wrapped (2-line) name made its tile taller and shifted the whole recert grid.
Reserve a fixed two-line height on .recert-name (line-clamp 2 + ellipsis) so
every tile is the same height regardless of name length.
This commit is contained in:
cproudlock
2026-07-20 15:40:28 -04:00
parent d39d34b55f
commit eb1c46c053
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/views/ShopfloorDashboard.vue
View File

@@ -603,6 +603,13 @@ function handlePhotoError(e) {
font-size: 20px; font-size: 20px;
font-weight: 700; font-weight: 700;
line-height: 1.15; line-height: 1.15;
/* Always reserve two lines so a name that wraps does not make its tile
taller and shift the whole grid. Longer names clamp with an ellipsis. */
height: 2.3em;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} }
.section-title.danger { .section-title.danger {