We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

לאתר זה תהיה פונקציונליות מוגבלת בזמן שאנו מתחזקים אותו לשיפור החוויה שלך. אם מאמר מסויים לא פותר את הבעיה שלך וברצונך לשאול שאלה, קהילת התמיכה שלנו מחכה לעזור לך ב־Twitter תחת ‎@FirefoxSupport וב־Reddit תחת ‎/r/firefox.

חיפוש בתמיכה

יש להימנע מהונאות תמיכה. לעולם לא נבקש ממך להתקשר או לשלוח הודעת טקסט למספר טלפון או לשתף מידע אישי. נא לדווח על כל פעילות חשודה באמצעות באפשרות ״דיווח על שימוש לרעה״.

מידע נוסף

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

  • 2 תגובות
  • 1 has this problem
  • 1 view
  • תגובה אחרונה מאת 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)

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.

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?