sd-webui-infinite-image-browsing icon indicating copy to clipboard operation
sd-webui-infinite-image-browsing copied to clipboard

[介面建議] 自動隱藏面板與分頁顏色... 如圖...

Open FrankHGS opened this issue 11 months ago • 13 comments

功能越來越強大了~!! ^^

越是強大就越離不了手... XD

想有幾項的請求~

分頁顏色是否能更明顯的分辨出開啟與關閉 經常搞不清楚開啟的是哪個 @@

面板是否能讓他自動隱藏至側邊 如圖

111

觸碰側邊彈出...這樣瀏覽乾淨清爽很多~

以上是 CSS 強制修改擴充分頁 這應該是不錯的方式~! ^^

FrankHGS avatar Mar 04 '24 10:03 FrankHGS

看着不错。是时候该优化这个操作,几种方案我还得考虑下,使用手机/平板操作IIB的人也不少

zanllp avatar Mar 04 '24 14:03 zanllp

看着不错。是时候该优化这个操作,几种方案我还得考虑下,使用手机/平板操作IIB的人也不少

呵呵~! 我自己修改已經用了很長一段時間了 ^^

FrankHGS avatar Mar 04 '24 15:03 FrankHGS

支持了

,看这里 https://github.com/zanllp/sd-webui-infinite-image-browsing/wiki/Change-log#%E6%96%B0%E5%A2%9E%E5%85%A8%E5%B1%8F%E6%B5%8F%E8%A7%88%E6%97%B6%E7%9A%84%E5%AE%9E%E9%AA%8C%E6%80%A7%E5%B9%B6%E6%8E%92%E5%B8%83%E5%B1%80

常驻关掉就是自动隐藏 image

image

zanllp avatar Jun 26 '24 01:06 zanllp

支持了

,看这里

哈哈哈!! 水!! 期待好久~ 感謝囉~ ^^

試了一下! 發現幾個問題

確實讓他能選擇左右邊應該會更好!

觸碰彈出似乎範圍太大 蠻容易誤彈出的 或是改成直接觸碰邊界?

再來是檢視大圖 或是放大時 會擋住右上關閉按鈕 麻煩了! ^^

FrankHGS avatar Jun 26 '24 02:06 FrankHGS

或是...直接點擊圖片關閉? 似乎比較對應 SD 預設 XD

FrankHGS avatar Jun 26 '24 03:06 FrankHGS

想要关闭的话直接点遮罩层(图片旁边空白的地方,例如下图红圈的位置)或者按ESC啊,image

但是esc好像要求焦点要在左侧图片内,这块底层是魔改的其他库有些东西实现起来比较麻烦,如果不是昨天洗澡时来了灵感还得拖

再來是檢視大圖 或是放大時 會擋住右上關閉按鈕 麻煩了! ^^

我打个补丁,右上角让他不要触发

或是...直接點擊圖片關閉? 似乎比較對應 SD 預設 XD

这个可不行,拖拽时容易误触

zanllp avatar Jun 26 '24 03:06 zanllp

想要关闭的话直接点遮罩层(图片旁边空白的地方,例如下图红圈的位置)或者按ESC啊,

嗯嗯! 通常我是這樣關閉的沒錯 但大圖就比較麻煩了...

或是...直接點擊圖片關閉? 似乎比較對應 SD 預設 XD

这个可不行,拖拽时容易误触

咦? 試了下 有拖曳問題後... 雙擊關閉呢... 唉~ 哈哈! 還會有其他問題... 其實是不想移到XX對準才按下~!! 總之麻煩尼了 感謝!! ^^

FrankHGS avatar Jun 26 '24 03:06 FrankHGS

改成这样了,这是目前来说成本最低的方案

image

雙擊關閉呢?

这个恐怕目前也不行,之前试过很多种hack的方法但都不太能解决问题,暂时没什么有用的想法后续慢慢打磨吧,IIB有很多奇怪的限制都是这个造成的

zanllp avatar Jun 26 '24 05:06 zanllp

真的辛苦尼了!! 又要多功能還要避開很多限制... 加油!!

FrankHGS avatar Jun 26 '24 05:06 FrankHGS

改成这样了,这是目前来说成本最低的方案

嘻嘻! 下移不錯的解決方案! 要上提到最上層也行~! 不然 暫時給上方半透明黑條一個點擊關閉的任務如何? 至少不用對準右上 XDDD

FrankHGS avatar Jun 26 '24 05:06 FrankHGS

我看了下antd的源码,找到解决方案了。

在最新版你可以直接用ESC关闭只需要保证焦点在IIB里面就行了,双击图片关闭我也实现了

之前打开大图后第一张图不能删除的奇怪限制也去掉了,有了新的workaround

zanllp avatar Jun 29 '24 02:06 zanllp

我看了下antd的源码,找到解决方案了。

在最新版你可以直接用ESC关闭只需要保证焦点在IIB里面就行了,双击图片关闭我也实现了

之前打开大图后第一张图不能删除的奇怪限制也去掉了,有了新的workaround

哈哈!! 讚讚讚~!

其實介面好使 比功能重要太多~!

期待更新的改進~ 左右互換 觸碰側邊彈出...

(其實目前使用還是很不上手... 還是將我的 CSS 疊上了 ^^"

辛苦了! 加油 加油!

FrankHGS avatar Jun 29 '24 09:06 FrankHGS

IIB 的開的分頁一次開的不多 http://127.0.0.1:7860/infinite_image_browsing 可能兩三個 不會像瀏覽器分頁開很多 能一眼認出目前是哪個分頁

且開啟分頁籤的底色與頁面內容主題相同 有連貫容易辨認 (雖然尼後來加上底線了 @@"

或是將閒置頁字體呈灰色? 哈哈哈 真是抱歉 又麻煩尼了! XD

FrankHGS avatar Jun 29 '24 17:06 FrankHGS