search

jerrykuku / luci-theme-argon

Argon is a clean and tidy OpenWrt LuCI theme that allows users to customize their login interface with images or videos. It also supports automatic and manual switching between light and dark modes.
Apache License 2.0
3.94k stars 786 forks source link

18.06 修复ttyd终端出现两个滚动条问题 #436

Closed yhl452493373 closed 1 year ago

yhl452493373 commented 1 year ago

采用css3的flex来修复ttyd终端出现两个滚动条问题，在chrome和edge下测试通过。

SpeedPartner commented 1 year ago

抱歉,没懂.....一个是主题本身的垂直滚动条,还有一个是控制TTYD自身的垂直滚动条,并不冲突啊 ttyd

yhl452493373 commented 1 year ago

抱歉,没懂.....一个是主题本身的垂直滚动条,还有一个是控制TTYD自身的垂直滚动条,并不冲突啊 ttyd

这个应该只有终端的滚动条，不应该有页面滚动条。页面滚动条是因为终端设成了100%高度，而终端的iframe上面有header，下面有footer，就比原来的100%多了header和footer高度，导致页面高度超过100%，所以出了页面滚动条。出现页面滚动条后，当终端内容到终端最下面一行时，如果不拉页面滚动条，终端内容就看不完。

修改后效果如下

screenshot20230820

image

SpeedPartner commented 1 year ago

欢迎加入强迫症联盟🤣

yhl452493373 commented 1 year ago

强迫症到不至于，主要是这两天我用网页终端比较多，这个界面两个滚动条用着不方便

SpeedPartner commented 1 year ago

搞得我强迫症也犯了,暗色模式下ttyd的垂直滚动条样式没有随主题改变; 看了下是ttyd自身的iframe控制的,要改得写JS了,不想动,摆烂😪