imgfloat/server
1
0
Fork 0
mirror of https://github.com/imgfloat/server.git synced 2026-02-05 03:39:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve text overflow

Browse Source
This commit is contained in:
Andreas Krühlmann
2026-01-15 17:26:15 +01:00
parent 04800a0c09
commit a0c007606b
3 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/resources/static/css/styles.css
View File

@@ -1835,7 +1835,7 @@ button:disabled:hover {
overflow: hidden; overflow: hidden;
} }
.asset-row strong { .asset-row strong, .asset-row small {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
} }

36
src/main/resources/static/js/admin/console.js
View File

@@ -1338,7 +1338,7 @@ export function createAdminConsole({
} }
const playPromise = element.play(); const playPromise = element.play();
if (playPromise?.catch) { if (playPromise?.catch) {
playPromise.catch(() => {}); playPromise.catch(() => { });
} }
} }
@@ -1347,7 +1347,7 @@ export function createAdminConsole({
return null; return null;
} }
if (isCodeAsset(asset)) { if (isCodeAsset(asset)) {
return `Script order ${getScriptLayerPosition(asset.id)} (above canvas assets)`; return `Order ${getScriptLayerPosition(asset.id)}`;
} }
return `Order ${getLayerPosition(asset.id)}`; return `Order ${getLayerPosition(asset.id)}`;
} }
@@ -1527,7 +1527,7 @@ export function createAdminConsole({
audioAssets.forEach((asset) => appendAssetListItem(list, asset)); audioAssets.forEach((asset) => appendAssetListItem(list, asset));
} }
if (codeAssets.length) { if (codeAssets.length) {
list.appendChild(createSectionHeader("Script assets (always on top)")); list.appendChild(createSectionHeader("Script assets"));
codeAssets.forEach((asset) => appendAssetListItem(list, asset)); codeAssets.forEach((asset) => appendAssetListItem(list, asset));
} }
@@ -1649,8 +1649,8 @@ export function createAdminConsole({
const fallbackPromise = isVideoAsset(asset) const fallbackPromise = isVideoAsset(asset)
? captureVideoFrame(asset) ? captureVideoFrame(asset)
: isGifAsset(asset) : isGifAsset(asset)
? captureGifFrame(asset) ? captureGifFrame(asset)
: Promise.resolve(null); : Promise.resolve(null);
return fallbackPromise.then((result) => { return fallbackPromise.then((result) => {
if (!result) { if (!result) {
return null; return null;
@@ -1682,7 +1682,7 @@ export function createAdminConsole({
if (!dataUrl) return; if (!dataUrl) return;
applyPreviewFrame(element, dataUrl); applyPreviewFrame(element, dataUrl);
}) })
.catch(() => {}); .catch(() => { });
} }
function applyPreviewFrame(element, dataUrl) { function applyPreviewFrame(element, dataUrl) {
@@ -1716,7 +1716,7 @@ export function createAdminConsole({
img.src = dataUrl; img.src = dataUrl;
previewImageCache.set(asset.id, { src: dataUrl, image: img }); previewImageCache.set(asset.id, { src: dataUrl, image: img });
}) })
.catch(() => {}); .catch(() => { });
return null; return null;
} }
@@ -2511,18 +2511,18 @@ export function createAdminConsole({
interactionState = interactionState =
handle === "rotate" handle === "rotate"
? { ? {
mode: "rotate", mode: "rotate",
assetId: current.id, assetId: current.id,
startAngle: angleFromCenter(current, point), startAngle: angleFromCenter(current, point),
startRotation: current.rotation || 0, startRotation: current.rotation || 0,
} }
: { : {
mode: "resize", mode: "resize",
assetId: current.id, assetId: current.id,
handle, handle,
startLocal: pointerToLocal(current, point), startLocal: pointerToLocal(current, point),
original: { ...current }, original: { ...current },
}; };
canvas.style.cursor = cursorForHandle(handle); canvas.style.cursor = cursorForHandle(handle);
drawAndList(); drawAndList();
return; return;

2
src/main/resources/static/js/customAssets.js
View File

@@ -807,7 +807,7 @@ export function createCustomAssetModal({
importButton.type = "button"; importButton.type = "button";
importButton.className = "icon-button"; importButton.className = "icon-button";
importButton.setAttribute("aria-label", "Import script"); importButton.setAttribute("aria-label", "Import script");
importButton.innerHTML = '<i class="icon fa-solid fa-download"></i>'; importButton.innerHTML = '<i class="icon fa-solid fa-cloud-download"></i>';
importButton.addEventListener("click", () => importMarketplaceScript(entry)); importButton.addEventListener("click", () => importMarketplaceScript(entry));
actions.appendChild(heartButton); actions.appendChild(heartButton);
actions.appendChild(importButton); actions.appendChild(importButton);