|
42 | 42 | .catalog-row__title { display: grid; gap: 0.35rem; } |
43 | 43 | .catalog-row__name { margin-top: 0.12rem; color: var(--text-secondary); font-size: 0.78rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } |
44 | 44 | .catalog-row__chips { display: flex; gap: 0.3rem; flex-wrap: wrap; } |
45 | | - .catalog-row__description { margin-top: 0.4rem; color: var(--text-secondary); font-size: 0.8rem; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } |
| 45 | + .catalog-row__description { margin-top: 0.4rem; color: var(--text-secondary); font-size: 0.8rem; line-height: 1.35; } |
| 46 | + .catalog-row__description summary { cursor: pointer; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; list-style: none; } |
| 47 | + .catalog-row__description summary::-webkit-details-marker { display: none; } |
| 48 | + .catalog-row__description summary::after { content: " More"; color: var(--accent); font-weight: 600; white-space: nowrap; } |
| 49 | + .catalog-row__description[open] summary { display: none; } |
| 50 | + .catalog-row__description-full { color: var(--text-secondary); } |
46 | 51 | .catalog-row__why { font-size: 0.86rem; color: var(--text); } |
47 | 52 | .catalog-row__reasons, .catalog-row__warnings { display: flex; gap: 0.35rem; flex-wrap: wrap; margin-top: 0.4rem; font-size: 0.78rem; } |
48 | 53 | .catalog-row__reasons { color: var(--text-secondary); } |
|
112 | 117 | .catalog-view-toggle .btn, .catalog-tabs .btn { flex: 1 1 auto; } |
113 | 118 | .catalog-sort, .catalog-sort-dir { flex: 1 1 8rem; width: auto; } |
114 | 119 | .catalog-row { grid-template-columns: 1fr; gap: 0.65rem; } |
115 | | - .catalog-row__description { -webkit-line-clamp: 3; } |
| 120 | + .catalog-row__description summary { -webkit-line-clamp: 3; } |
116 | 121 | .catalog-grid { grid-template-columns: 1fr; } |
117 | 122 | .catalog-card { padding: 0.75rem; } |
118 | 123 | .catalog-card__header { flex-direction: column; gap: 0.5rem; } |
|
0 commit comments