Display more of the description. Remove debug log

a73b8077f6b6a1d9027d3c798c5936b1c3a347f4

Cohee <18619528+Cohee1207@users.noreply.github.com>

Parents: 146e82e44a9fdab0cd7eeea2b1c07864aad50589
2 files changed, +9 -2Showing whitespace changes
public/scripts/horde.js+1 -2
@@ -281,7 +281,6 @@ async function getHordeModels(force) {
281 return sortByWhitelisted(a, b) || sortByPopular(a, b) || sortByPerformance(a, b);281 return sortByWhitelisted(a, b) || sortByPopular(a, b) || sortByPerformance(a, b);
282 });282 });
283 for (const model of models) {283 for (const model of models) {
284 console.log('getHordeModels', model);
285 const option = document.createElement('option');284 const option = document.createElement('option');
286 option.value = model.name;285 option.value = model.name;
287 option.innerText = hordeModelTextString(model);286 option.innerText = hordeModelTextString(model);
@@ -362,7 +361,7 @@ function getHordeModelTemplate(option) {
362361
363 const workerInfo = hordeModelQueueStateString(model);362 const workerInfo = hordeModelQueueStateString(model);
364 const isPopular = model.tags?.includes('popular');363 const isPopular = model.tags?.includes('popular');
365 const descriptionDiv = description ? `<div style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">${description}</div>` : '';364 const descriptionDiv = description ? `<div class="horde-model-description">${description}</div>` : '';
366 const tagSpans = tags.length > 0 &&365 const tagSpans = tags.length > 0 &&
367 `${tags.map(tag => `<span class="tag tag_name">${tag}</span>`).join('')}</span>` || '';366 `${tags.map(tag => `<span class="tag tag_name">${tag}</span>`).join('')}</span>` || '';
368367
public/style.css+8 -0
@@ -3518,6 +3518,14 @@ grammarly-extension {
3518 column-gap: 20px;3518 column-gap: 20px;
3519}3519}
35203520
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.drag-handle {3529.drag-handle {
3522 cursor: grab;3530 cursor: grab;
3523 /* Make the drag handle not selectable in most browsers */3531 /* Make the drag handle not selectable in most browsers */