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

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

View File

@@ -603,6 +603,13 @@ function handlePhotoError(e) {
font-size: 20px;
font-weight: 700;
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 {