X
Tap here to go to the mobile version of the site.

منتدى الدعم

how do I move close,max,min buttons location

Posted

I am using CSD on gnome3 on Arch Linux with all my close max min buttons moved to the left as they are on the Mac. Is there a way to accomplish the same thing in FF with CSD on? If I turn it off the button are where I expect them because it uses native decorations, but with it on they are on the right as is customary on MSWindows.

I am using CSD on gnome3 on Arch Linux with all my close max min buttons moved to the left as they are on the Mac. Is there a way to accomplish the same thing in FF with CSD on? If I turn it off the button are where I expect them because it uses native decorations, but with it on they are on the right as is customary on MSWindows.

Chosen solution

I almost have the buttons moved to the left where I want them, but I still have some issues. First when FF is first open the button box looks like its overlapping another buttonbox, second in fullscreen tabs overlay the buttons. Any help would be great.

I used the following css to move the buttons:


  1. titlebar-buttonbox {
 display: flex;
 flex-direction: row-reverse;

}

/* .tabbrowser-tab {

 visibility: hidden;

} */


.titlebar-placeholder[type="pre-tabs"] {

 width: 120px !important;

}

/* #titlebar-secondary-buttonbox:-moz-locale-dir(rtl), */

  1. titlebar-buttonbox-container {
 -moz-box-ordinal-group: 0;

}


images attached.

Thanks in advance for any help

Read this answer in context 0

Additional System Details

Application

  • User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:60.0) Gecko/20100101 Firefox/60.0

More Information

guigs 1072 solutions 11697 answers

Hey there,

I believe that the operating system should not matter, have you already tried the Customize > then moving the zoom buttons?

These are the features I am referencing:

Hey there, I believe that the operating system should not matter, have you already tried the Customize > then moving the zoom buttons? These are the features I am referencing: *[[How to Customize Toolbars]] *[[Customize Firefox controls, buttons and toolbars]]
cor-el
  • Top 10 Contributor
  • Moderator
17536 solutions 158573 answers

Helpful Reply

With CSD on and the title bar hidden (browser.tabs.drawInTitlebar = true) Firefox places the control buttons at the far right of the tab bar or the menu bar when enabled. I assume that you can use code in userChrome.css to move the buttons (#titlebar-buttonbox) to the far left and set a margin-left instead of a margin-right to reserve space on the toolbar. See also this CSS file for existing rules (search for: titlebar):

chrome://browser/content/browser.css

If this is about the control buttons on the title bar then I don't think that you can to much on Linux.


With CSD on and the title bar hidden (browser.tabs.drawInTitlebar = true) Firefox places the control buttons at the far right of the tab bar or the menu bar when enabled. I assume that you can use code in userChrome.css to move the buttons (#titlebar-buttonbox) to the far left and set a margin-left instead of a margin-right to reserve space on the toolbar. See also this CSS file for existing rules (search for: titlebar): <b>chrome://browser/content/browser.css</b> If this is about the control buttons on the title bar then I don't think that you can to much on Linux. ---- *https://www.userchrome.org/how-create-userchrome-css.html *https://www.userchrome.org/what-is-userchrome-css.html

Question owner

tried a few margin settings and could not figure out how to get what I wanted

tried a few margin settings and could not figure out how to get what I wanted

Chosen Solution

I almost have the buttons moved to the left where I want them, but I still have some issues. First when FF is first open the button box looks like its overlapping another buttonbox, second in fullscreen tabs overlay the buttons. Any help would be great.

I used the following css to move the buttons:


  1. titlebar-buttonbox {
 display: flex;
 flex-direction: row-reverse;

}

/* .tabbrowser-tab {

 visibility: hidden;

} */


.titlebar-placeholder[type="pre-tabs"] {

 width: 120px !important;

}

/* #titlebar-secondary-buttonbox:-moz-locale-dir(rtl), */

  1. titlebar-buttonbox-container {
 -moz-box-ordinal-group: 0;

}


images attached.

Thanks in advance for any help

I almost have the buttons moved to the left where I want them, but I still have some issues. First when FF is first open the button box looks like its overlapping another buttonbox, second in fullscreen tabs overlay the buttons. Any help would be great. I used the following css to move the buttons: #titlebar-buttonbox { display: flex; flex-direction: row-reverse; } /* .tabbrowser-tab { visibility: hidden; } */ .titlebar-placeholder[type="pre-tabs"] { width: 120px !important; } /* #titlebar-secondary-buttonbox:-moz-locale-dir(rtl), */ #titlebar-buttonbox-container { -moz-box-ordinal-group: 0; } images attached. Thanks in advance for any help

Modified by jjgalvez

Question owner

Found some simpler code that fixed my issues and moved the buttons to the left where I want them.

code:

@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;
}
Found some simpler code that fixed my issues and moved the buttons to the left where I want them. code: <pre><nowiki>@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; }</nowiki></pre>

Modified by cor-el