fix(dashboard): keep Home's recent apps inside their card on tablets

Each recent app was a fixed 200px inside 1fr columns, whose minimum is
that width, so in the half-width card on a landscape iPad the second
column ran past the card's edge and its name was cut off with the
ellipsis out of view. The rows now shrink with their column.
This commit is contained in:
Nariman Jelveh committed 2026-10-22 15:18:27 -07:00
1 parent a845ab7240
commit 1c1d6e10e7
1 file changed
+4 -1
+4 -1
View File
@@ -5835,7 +5835,7 @@ body.myapps-reordering .myapps-tile {
.dashboard .bento-recent-apps-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px 20px;
}
@@ -5869,6 +5869,9 @@ body.myapps-reordering .myapps-tile {
transition: transform 0.15s ease;
gap: 12px;
width: 200px;
/* Narrower columns (a tablet's half-width card) shrink the row, and the
title ellipsizes, instead of the second column spilling out of the card */
max-width: 100%;
}
.dashboard .bento-recent-app:focus-visible {