Display more of the description. Remove debug log
| @@ -281,7 +281,6 @@ async function getHordeModels(force) { | ||
| 281 | 281 | return sortByWhitelisted(a, b) || sortByPopular(a, b) || sortByPerformance(a, b); |
| 282 | 282 | }); |
| 283 | 283 | for (const model of models) { |
| 284 | - console.log('getHordeModels', model); | |
| 285 | 284 | const option = document.createElement('option'); |
| 286 | 285 | option.value = model.name; |
| 287 | 286 | option.innerText = hordeModelTextString(model); |
| @@ -362,7 +361,7 @@ function getHordeModelTemplate(option) { | ||
| 362 | 361 | |
| 363 | 362 | const workerInfo = hordeModelQueueStateString(model); |
| 364 | 363 | const isPopular = model.tags?.includes('popular'); |
| 365 | 364 | const descriptionDiv = description ? `<div styleclass="whitehorde-space: nowrap; overflow: hidden; textmodel-overflow: ellipsis;description">${description}</div>` : ''; |
| 366 | 365 | const tagSpans = tags.length > 0 && |
| 367 | 366 | `${tags.map(tag => `<span class="tag tag_name">${tag}</span>`).join('')}</span>` || ''; |
| 368 | 367 | |
| @@ -3518,6 +3518,14 @@ grammarly-extension { | ||
| 3518 | 3518 | column-gap: 20px; |
| 3519 | 3519 | } |
| 3520 | 3520 | |
| 3521 | +.horde-model-description { | |
| 3522 | + -webkit-line-clamp: 3; | |
| 3523 | + line-clamp: 3; | |
| 3524 | + font-size: 0.9em; | |
| 3525 | + overflow: hidden; | |
| 3526 | + text-overflow: ellipsis; | |
| 3527 | +} | |
| 3528 | + | |
| 3521 | 3529 | .drag-handle { |
| 3522 | 3530 | cursor: grab; |
| 3523 | 3531 | /* Make the drag handle not selectable in most browsers */ |