Vivaldi浏览器tabbar-toplevel-label元素截断的CSS修复需求

核心样式代码 #

针对你定位到的标签栏元素div[aria-labelledby="tabbar-toplevel-label"]，可以通过以下CSS调整使其与导航栏连接：

/* 下移标签栏至与导航栏连接 */
div[aria-labelledby="tabbar-toplevel-label"] {
  /* 使用margin-top调整间距，数值根据实际断开距离设置 */
  margin-top: 8px !important;
  /* 或使用transform实现无布局偏移的移动，效果更稳妥 */
  /* transform: translateY(8px) !important; */
}

补充说明 #

• 如果标签栏本身带有默认的负边距或内边距，建议先重置后再调整：

  div[aria-labelledby="tabbar-toplevel-label"] {
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform: translateY(8px) !important;
  }
  

• 示例中的8px仅为参考，请根据你实际看到的断开距离微调数值，直到标签栏与导航栏完全贴合。

生效方式 #

1. 打开Vivaldi的vivaldi://experiments页面
2. 勾选「允许使用CSS修改」选项
3. 将上述CSS代码保存为custom.css文件，放入Vivaldi的自定义样式目录（可在设置→外观→自定义UI修改中查看/设置路径）
4. 重启Vivaldi浏览器生效

内容的提问来源于stack exchange，提问作者Michael Gunter