lobehub / sd-webui-lobe-theme

🅰️ Lobe theme - The modern theme for stable diffusion webui, exquisite interface design, highly customizable UI, and efficiency boosting features.
https://github.com/AUTOMATIC1111/stable-diffusion-webui
GNU Affero General Public License v3.0
2.31k stars 217 forks source link

[Bug] Bad button spacing on model cards (conflicting extension) #552

Open nrocka opened 3 months ago

nrocka commented 3 months ago

👀 检查清单 | Initial checklist

💻 系统环境 | Operating System

Windows

🌐 浏览器 | Browser

Chrome

📦 SD Wbui 版本或提交 | Version or Commit

bef51aed

📦 Lobe Theme 版本或提交 | Version or Commit

b9ab9dc

🐛 问题描述 | Bug Description

First of all, the problem only occurs in combination with sd-civitai-browser-plus: https://github.com/BlafKing/sd-civitai-browser-plus

Disabling either Lobe Theme or SD Civitai Browser plus will stop the problem from occurring.

Spacing between buttons on model cards is way too large. A model card can only hold 3 buttons at a time. The problem got more problematic with the recent a1111 update, which added more buttons and changed the way of filtering models. First issue is, that buttons have a lot of space between each other: chrome_WIaEgegmWk

Also, the new tree view does not show model names, but only the "copy path to clipboard" button, and sometimes a portion of the "info" button: chrome_PwpEwOy5nu

(Also, the new tree view can't be resized yet, but that's less of a bug, but a "missing" feature.)

🚦 期望结果 | Expected Behavior

Spacing between buttons should be small, so they can all fit on the model card. For both top and bottom buttons.

📷 复现步骤 | Recurrence Steps

Enable extensions "sd-civitai-browser-plus" and Lobe Theme at the same time. Disabling one of them will fix the spacing.

📝 补充信息 | Additional Information

I've removed the "copy path to clipboard" button from the modelcard via the corresponding HTML file, so i can use the important ones. It therefore is not visible on the first screenshot.

lobehubbot commented 3 months ago

👀 @nrocka

Thank you for raising an issue. We will investigate into the matter and get back to you as soon as possible. Please make sure you have given us as much context as possible.\ 非常感谢您提交 issue。我们会尽快调查此事,并尽快回复您。 请确保您已经提供了尽可能多的背景信息。

7mza commented 1 month ago

while waiting for a solution here's a css fix you can apply using stylus or an alternative :

[title^='Edit metadata'],
[title^='Copy path to clipboard'],
[title^='Show internal metadata'] {
    display: none;
}