@songsid/agend 2.3.0-beta.5 → 2.3.0-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ui/shared/app.css +14 -8
- package/package.json +1 -1
package/dist/ui/shared/app.css
CHANGED
|
@@ -1448,15 +1448,21 @@ strong.org-name { font-size: var(--fs-sm); color: var(--text); }
|
|
|
1448
1448
|
|
|
1449
1449
|
.chat-card-toggle { display: flex; align-items: center; gap: var(--s-2); width: 100%; min-height: 32px; padding: 0 var(--s-4); border: 0; background: none; color: var(--text-2); font: inherit; font-size: var(--fs-xs); text-align: left; cursor: pointer; }
|
|
1450
1450
|
.chat-card-peek { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-3); }
|
|
1451
|
+
/* A phone: the portrait stays on the text's row, smaller (the user's ask: never a portrait alone on a line with the text
|
|
1452
|
+
under it); the S / M / L control takes the line below. The chat header's card is trimmed further: a smaller portrait
|
|
1453
|
+
and banner, and its tagline and bio cut to a few lines (Details and View show them whole). */
|
|
1451
1454
|
@media (max-width: 479px) {
|
|
1452
|
-
.id-card.card-s { --id-h:
|
|
1453
|
-
.id-card.card-m { --id-h:
|
|
1454
|
-
.id-card.card-l { --id-h:
|
|
1455
|
-
.id-card.card-c { --id-bmin:
|
|
1456
|
-
.id-card.card-c.bs-s { --id-bmin: 80px; --id-bmax:
|
|
1457
|
-
.id-card.card-c.bs-l { --id-bmin:
|
|
1458
|
-
.id-row { flex-wrap: wrap; }
|
|
1459
|
-
.
|
|
1455
|
+
.id-card.card-s { --id-h: 96px; --id-bmin: 80px; --id-bmax: 120px; }
|
|
1456
|
+
.id-card.card-m { --id-h: 128px; --id-bmin: 100px; --id-bmax: 150px; }
|
|
1457
|
+
.id-card.card-l { --id-h: 168px; --id-bmin: 120px; --id-bmax: 200px; }
|
|
1458
|
+
.id-card.card-c { --id-h: 64px; --id-bmin: 80px; --id-bmax: 110px; }
|
|
1459
|
+
.id-card.card-c.bs-s { --id-bmin: 80px; --id-bmax: 100px; }
|
|
1460
|
+
.id-card.card-c.bs-l { --id-bmin: 96px; --id-bmax: 130px; }
|
|
1461
|
+
.id-row { flex-wrap: wrap; gap: var(--s-2) var(--s-3); padding: var(--s-2) var(--s-3); }
|
|
1462
|
+
.card-size { flex-basis: 100%; justify-content: flex-end; }
|
|
1463
|
+
.id-card.card-c .id-tagline, .id-card.card-c .id-bio { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
|
|
1464
|
+
.id-card.card-c .id-tagline { -webkit-line-clamp: 2; line-clamp: 2; }
|
|
1465
|
+
.id-card.card-c .id-bio { -webkit-line-clamp: 3; line-clamp: 3; }
|
|
1460
1466
|
}
|
|
1461
1467
|
/* #1629 r4 §1: the card in View (above the profile row) and its part of Edit profile. */
|
|
1462
1468
|
.v-id { flex-shrink: 0; padding: var(--s-2) var(--s-4) 0; background: var(--bg); }
|