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

Win 的新版本 Vivaldi 开启左侧标签栏后,工作区下的分割线与第一个标签页有重合 #20

Closed
n1nelink opened this issue Jun 28, 2024 · 4 comments

Comments

@n1nelink
Copy link

System Env

  • 操作系统:Windows 11 家庭中文版
  • 浏览器版本:Vivaldi 6.8.3381.46

Problem

在新版本的 Vivaldi 中,工作区下添加了一条下划线

使用仓库中的 CSS 配置,开启左侧标签栏后,在开启 “显示工作区” 选项后,工作区下的第一个标签页会与工作区下的分割线重合,如下图所示

image

@n1nelink
Copy link
Author

然后我是这样处理这个问题的,我不是搞前端的,所以不知道这样修改合不合适

但是在我目前的使用情况来看,是可以解决问题的:

vivalarc.css 文件中追加下面的 css 代码:

/* Workspace separator hr*/
.separator.separator-wsbutton hr {
    margin-block: -8px;
}

修改后的效果图:

image

希望对其他有类似问题的朋友有帮助

@n1nelink
Copy link
Author

然后我是这样处理这个问题的,我不是搞前端的,所以不知道这样修改合不合适

但是在我目前的使用情况来看,是可以解决问题的:

vivalarc.css 文件中追加下面的 css 代码:

/* Workspace separator hr*/
.separator.separator-wsbutton hr {
    margin-block: -8px;
}

修改后的效果图:

image

希望对其他有类似问题的朋友有帮助

🤔 这个方法好像在固定标签页的时候会上下两条分割线边距不协调,这样改好像会好点:

#tabs-container.left {
    margin-top: 14px;
}

image

@tovifun
Copy link
Owner

tovifun commented Jun 28, 2024

我今天也刚好处理了这个,我明天上午发布一下更新哈

@tovifun
Copy link
Owner

tovifun commented Jun 30, 2024

https://github.com/tovifun/VivalArc/releases/tag/v1.0.3
@NextEcho 刚刚发布了一个修复了这个问题的版本

@tovifun tovifun closed this as completed Jun 30, 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