Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
FrankHGS opened this issue Mar 4, 2024 · 13 comments
Open

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

FrankHGS opened this issue Mar 4, 2024 · 13 comments

Comments

@FrankHGS
Copy link

FrankHGS commented Mar 4, 2024

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

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

想有幾項的請求~

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

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

111

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

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

@zanllp
Copy link
Owner

zanllp commented Mar 4, 2024

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

@FrankHGS
Copy link
Author

FrankHGS commented Mar 4, 2024

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

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

@zanllp
Copy link
Owner

zanllp commented Jun 26, 2024

@FrankHGS
Copy link
Author

FrankHGS commented Jun 26, 2024

支持了

,看这里

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

試了一下! 發現幾個問題

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

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

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

@FrankHGS
Copy link
Author

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

@zanllp
Copy link
Owner

zanllp commented Jun 26, 2024

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

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

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

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

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

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

@FrankHGS
Copy link
Author

FrankHGS commented Jun 26, 2024

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

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

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

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

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

@zanllp
Copy link
Owner

zanllp commented Jun 26, 2024

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

image

雙擊關閉呢?

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

@FrankHGS
Copy link
Author

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

@FrankHGS
Copy link
Author

FrankHGS commented Jun 26, 2024

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

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

@zanllp
Copy link
Owner

zanllp commented Jun 29, 2024

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

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

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

@FrankHGS
Copy link
Author

FrankHGS commented Jun 29, 2024

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

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

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

哈哈!! 讚讚讚~!

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

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

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

辛苦了! 加油 加油!

@FrankHGS
Copy link
Author

FrankHGS commented Jun 29, 2024

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

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants