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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user