修改 macOS 上的 Vivaldi 浏览器「关闭标签」按钮的位置

This topic created in 3353 days ago, the information mentioned may be changed or developed.

前一段时间看到了 Vivaldi 浏览器上比较不错的查看历史纪录统计的功能，于是下载了 Vivaldi 进行体验。但是在使用过程中发现，关闭标签页的按钮在标签的左边。 macOS 上的 Safari 、 Chrome 关闭标签页按钮均在右边，所以感觉到很不习惯，一番搜索之后，整理了修改按钮位置的方法如下。

确定 Vivaldi 浏览器界面自定义 CSS 的位置

/Applications/Vivaldi.app/Contents/Versions/$VERSION$/Vivaldi Framework.framework/Resources/vivaldi/style

编辑 common.css 添加如下代码

.tab .close { /* move close button to right and always show  */
	display: inline !important;	
	order:1 !important;	
}

.tab .tab-audio{ /* move audio button to left  */
	order:-1 !important;
}

.tab .favicon{ /* always show favicon, on Mac it disappears when you mouseover  */
	display: inline !important;
	margin-left: 6px !important;
}