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

showTips预览链接窗口高度有问题 #184

Open
YandLiu opened this issue Oct 20, 2024 · 5 comments
Open

showTips预览链接窗口高度有问题 #184

YandLiu opened this issue Oct 20, 2024 · 5 comments

Comments

@YandLiu
Copy link

YandLiu commented Oct 20, 2024

不知从什么时候开始,showTips预览链接的窗口高度出现了问题,并不是搜索引擎设置中所设置的值
请看截图,预览链接窗口高度并不是设置的90vh,而且有两个滚动条

已用空白浏览器配置测试,Win11 + Firefox/Edge+Violentmonkey 都是这样

搜索引擎

showTips:
<style>
.search-jumper-tips{
    background: unset;
    box-shadow: unset;
    max-width: unset;
    width: auto;
    position: fixed !important;
    top: 5vh !important;
    left: 5vw !important;
}
.search-jumper-tips * {
    max-width: unset;
    width: auto;
}
.search-jumper-tips iframe{
    background: white;
    box-shadow: 0px 0px 10px 0px #000;
    width: 90vw;
    height: 90vh;
    resize: auto;
}
</style>
<iframe src="%t"></iframe>

动画9

@hoothin
Copy link
Owner

hoothin commented Oct 21, 2024

showTips:
<style>
.search-jumper-tips{
    background:unset;
    box-shadow:unset;
    max-width: unset;
    max-height: unset;
    width: auto;
    scrollbar-width: none;
    position: fixed !important;
    top: 5vh !important;
    left: 5vw !important;
    height: auto !important;
}
.search-jumper-tips * {
    max-width: unset;
    width: auto;
}
.search-jumper-tips iframe{
    background: #f5f5f5e0;
    box-shadow: 0px 0px 10px 0px #000;
    width: 90vw;
    height: 90vh;
    resize: auto;
}
.search-jumper-tips [data-close] {
    background: #00000066;
    border-radius: 50%;
    line-height: 20px;
}
</style>
<a href="%t" target="_blank"><h4 data-drag style="width: calc(80% - 20px); top: 0px; background: #000000b0; left: 10%; padding: 2px 10px; border-radius: 10px; text-wrap: nowrap; text-overflow: ellipsis; position: absolute; text-align: center; overflow: hidden; display: block; color: white;">%t</h4></a>
<span data-close>×</span>
<iframe src="%t"></iframe>

@YandLiu
Copy link
Author

YandLiu commented Oct 21, 2024

看里面提到drag,意思是这个预览窗口是可以拖拽的?但测试了一下却发现没有拖拽效果呢 😢

@hoothin
Copy link
Owner

hoothin commented Oct 23, 2024

因为top: 5vh !important; left: 5vw !important; 写死了。你不是要固定在屏幕中间的效果吗?

@YandLiu
Copy link
Author

YandLiu commented Oct 23, 2024

我去掉 !important; 后可以自由拖动了,不过出现了一个新的问题,新生成的预览窗口位置并不是距离顶部 5vh、距离左边5vw,而是靠左+很靠下,初始状态如图,这个是什么原因呢?
20241023_171136

@hoothin
Copy link
Owner

hoothin commented Oct 23, 2024

目前“拖拽”和“固定初始位置”不能兼得,要等下一版本

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