☰

Firefox 60 CSD 窗口按钮左侧

tag-icon • tag-icon firefox
Firefox 60 CSD 窗口按钮左侧

我喜欢新的 CSD 选项（删除标题栏），但激活后我的窗口按钮会移到右侧（通常在左侧）。有没有办法启用 CSD 但按钮在左侧？

答案1

如果文件“userChrome.css”及其父目录“chrome”不存在，则创建它们：

~/.mozilla/firefox/<YOUR_FIREFOX_PROFILE>/chrome/userChrome.css

将以下代码放在 userChrome.css 中，
如果以 @namespace 开头的行已经在您的 userChrome.css 中，请不要再次添加它。

#TabsToolbar {
  direction: rtl;
}

#tabbrowser-tabs {
  direction: ltr;
}

.titlebar-buttonbox {
  display: flex;
}

.titlebar-min {
  order: 2;
}

.titlebar-max {
  order: 1;
}

.titlebar-close {
  order: 3;
  margin-right: 6px !important;
}

现在重新启动 Firefox，按钮将位于左侧。

您的 Firefox 配置文件将如下所示：hej3q2i1.default
如果您不确定哪个配置文件是您的，您可以按照以下步骤查找：

  1. 打开 Firefox
  2. 点击菜单按钮
  3. 单击“帮助”
  4. 选择故障排除信息
  5. 您的 Firefox 配置文件将是“配置文件目录”中列出的最后一个目录

CSS 来源：https://gist.github.com/oidualc/9f7c0a6591ada0d391ee6813a518dc3b在此处输入图片描述

答案2

此外@denshigomi 的回答，我添加了一个用于错位的属性。这解决了Apoorv Potnis 的问题。您可以将此属性添加到 userChrome.css 文件中：

#titlebar-close {
  margin-right: 6px !important;
}

也可以在以下网址找到要点这里。

答案3

原作者要旨这里。脚本已更新，因为在最新版本的 Firefox Nightly 中按钮顺序已被颠倒。

  • 在 URL 栏中输入 about:support
  • 打开“配置文件目录”（/home/.../.mozilla/firefox/...）
  • 如果不存在，则创建一个名为“chrome”的目录
  • 在里面创建一个名为 userChrome.css 的文件（如果尚不存在）
  • 添加以下代码

用户Chrome.css：

#TabsToolbar {
    direction: rtl;
}

#tabbrowser-tabs {
    direction: ltr;
}

.titlebar-buttonbox {
    display: flex;
}

.titlebar-min {
    order: 2;
}

.titlebar-max {
    order: 1;
}

.titlebar-close {
    order: 3;
    margin-right: 6px !important;
}

更多信息请访问：https://www.userchrome.org/

答案4

谢谢您的帮助！

我不得不对它进行一些改动，但现在它已经完美了！

这是我的“userChrome.css”文件，现在：

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#titlebar-max {
  -moz-box-ordinal-group: 0;
}

#titlebar-content {
  direction: rtl;
}

#TabsToolbar {
  direction: rtl;
}

#tabbrowser-tabs {
  direction: ltr;
}

.tabbrowser-tab:not([pinned="true"]):hover .tab-close-button:not([selected="true"]) {
  display: -moz-box !important;
}

#menubar-items {
  -moz-box-ordinal-group: 2;
  margin-left: 30px;
}

.titlebar-buttonbox-container {
  -moz-box-ordinal-group: 1!important;
}

.titlebar-button.titlebar-close {
  -moz-box-ordinal-group: 3;
  margin-left: 5px !important;
  margin-right: 6px !important;
}

.titlebar-button.titlebar-min {
  -moz-box-ordinal-group: 2;
}

.titlebar-button.titlebar-max {
  -moz-box-ordinal-group: 1;
}

相关内容