From 800b87a0ac4c73f56a82f37c87e260ee4124ee87 Mon Sep 17 00:00:00 2001 From: QuantumSoul Date: Sat, 27 Apr 2024 13:32:41 +0200 Subject: [PATCH] Fix colored cards --- javascript/base.css | 1 - javascript/sdnext.css | 1 + 2 files changed, 1 insertion(+), 1 deletion(-) diff --git a/javascript/base.css b/javascript/base.css index 77b838f18..799f06613 100644 --- a/javascript/base.css +++ b/javascript/base.css @@ -104,7 +104,6 @@ table.settings-value-table td { padding: 0.4em; border: 1px solid #ccc; max-widt .extra-network-cards .card:hover .actions { display: block; } .extra-network-cards .card:hover .overlay .tags { display: block; } .extra-network-cards .card .actions { font-size: 3em; display: none; text-align-last: right; cursor: pointer; font-variant: unicase; position: absolute; z-index: 100; right: 0; height: 0.7em; width: 100%; background: rgba(0, 0, 0, 0.40); } -.extra-network-cards .card:has(>img[src*="card-no-preview.png"])::after { content: ''; position: absolute; width: 100%; height: 100%; opacity: 0.5; mix-blend-mode: multiply; background-color: var(--data-color); } #txt2img_description, #img2img_description { max-height: 63px; overflow-y: auto !important; } #txt2img_description > label > textarea, #img2img_description > label > textarea { font-size: 0.9em } diff --git a/javascript/sdnext.css b/javascript/sdnext.css index 04981037f..72b527871 100644 --- a/javascript/sdnext.css +++ b/javascript/sdnext.css @@ -223,6 +223,7 @@ table.settings-value-table td { padding: 0.4em; border: 1px solid #ccc; max-widt .extra-network-cards .card .actions>span:hover { color: var(--highlight-color); } .extra-network-cards .card:hover .actions { display: block; } .extra-network-cards .card:hover .overlay .tags { display: block; } +.extra-network-cards .card:has(>img[src*="card-no-preview.png"])::before { content: ''; position: absolute; width: 100%; height: 100%; mix-blend-mode: multiply; background-color: var(--data-color); } .extra-network-cards .card .actions { font-size: 3em; display: none; text-align-last: right; cursor: pointer; font-variant: unicase; position: absolute; z-index: 80; right: 0; height: 0.7em; width: 100%; background: rgba(0, 0, 0, 0.40); } .extra-network-cards .card-list { display: flex; margin: 0.3em; padding: 0.3em; background: var(--input-background-fill); cursor: pointer; border-radius: var(--button-large-radius); } .extra-network-cards .card-list .tag { color: var(--primary-500); margin-left: 0.8em; }