macOSのVivaldiのタブを閉じる✖を右に移動する

なんで左にあるの?

VivaldiをmacOSで利用する事があるのですが、タブを閉じる✖ボタンがタブの左にあります。

macOSの仕様に合わせたのだと思いますが、他のブラウザはすべて右にあるため、どうしても慣れません。 そこで右側に移動できないかと考えました。

右に移動する方法

同じことを考えている人もいるようで、検索するとすぐに見つかりました。 www.reddit.com

対応方法

修正するファイルは以下のとおりです、user用のcssを追加しようとも思ったのですが、まずは手を抜いてみました😁

/Applications/Vivaldi.app/Contents/Frameworks/Vivaldi Framework.framework/Resources/vivaldi/style/common.css

修正内容は、以下の記載を追加するだけです。

/* Move tab close button to the right */
.tab .close {
  order: 0 !important;
  margin-right: 6px;
}

/* Show tab favicon when mouse over */
.favicon {
  display: flex !important;
}

修正できた!

無事にタブを閉じるボタンを右側に移動することができました。一安心です。

追加情報

以下のように、さらに2行追加すると閉じるボタンを常時表示できます。こちらのほうが他のブラウザにより似ています。

.tab .close {
  order: 0 !important;
  margin-right: 6px;
  display: flex !important; /* 追加 */
  background-color: transparent !important; /* 追加 */
}

/* Show tab favicon when mouse over */
.favicon {
  display: flex !important;
}