Avatar for Username

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信，及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

话题已存档。 如果需要帮助请提出新问题。

How can I move the main menu button in Userchrome.css?

  • 2 个回答
  • 1 人有此问题
  • 1 次查看
  • 最后回复者为 chwt163

chwt163
chwt163
more options

Because I use Userchrome.css to make the address bar auto-hide, then I want to move these two buttons to the left of the tab bar (title bar).


Here is my Userchrome.css:

  • #nav-bar { 
       display: flex !important;
       z-index: 2 !important;
       position: absolute !important;
       right:0% !important;
       flex-flow: row nowrap !important;
       transition: min-height 200ms ease-in-out, max-height 200ms ease-in-out, opacity 200ms ease-in-out, transform 200ms ease-in-out !important;

}

root:not([customizing]) > body > box:not(:focus-within, :hover, [popup-status], [urlbar-status]) #nav-bar { 
       visibility: visible !important;
       opacity: 0 !important;
       transform: translateY(-35px);

}

Because I use Userchrome.css to make the address bar auto-hide, then I want to move these two buttons to the left of the tab bar (title bar). Here is my Userchrome.css: * #nav-bar { display: flex !important; z-index: 2 !important; position: absolute !important; right:0% !important; flex-flow: row nowrap !important; transition: min-height 200ms ease-in-out, max-height 200ms ease-in-out, opacity 200ms ease-in-out, transform 200ms ease-in-out !important; } :root:not([customizing]) > body > box:not(:focus-within, :hover, [popup-status], [urlbar-status]) #nav-bar { visibility: visible !important; opacity: 0 !important; transform: translateY(-35px); }
已附加屏幕截图

由chwt163于修改

所有回复 (2)

Paul
Paul
  • Top 25 Contributor
  • Moderator
more options

WARNING from the moderator team: userChrome.css scripts are not provided by Mozilla and are not officially supported. Firefox is a work in progress and, to allow for continuous innovation, Mozilla cannot guarantee future updates won’t impact your customizations. For this reason, Mozilla does not officially support style rules customization.

Please read Firefox Advanced Customization and Configuration Options to learn more.

chwt163
chwt163 提问者
more options

Seburo said
WARNING from the moderator team: userChrome.css scripts are not provided by Mozilla and are not officially supported. Firefox is a work in progress and, to allow for continuous innovation, Mozilla cannot guarantee future updates won’t impact your customizations. For this reason, Mozilla does not officially support style rules customization. Please read Firefox Advanced Customization and Configuration Options to learn more.

I understand the caveats and risks of using Userchrome.css, thank you for your kind reminder! But I still want this feature, can you help me?