X
點擊此處開啟此網站的行動版。

技術支援討論區

There is a small margin between the close button and the upper right corner of the screen

已張貼

Hello,

There is a small margin between the close button and the upper right corner of the screen, that prevents me from clicking the close button when I put the mouse pointer at this corner (at the end of the screen).

Because of habit and also because all other windows let me click the close button like this, I would like to ask if there is an option or a particular about:config entry in order to eliminate this margin, so that the clickable area of the close button expands to the upper right corner (end border of the screen) and regain the functionality that I have with all other windows.

Hello, There is a small margin between the close button and the upper right corner of the screen, that prevents me from clicking the close button when I put the mouse pointer at this corner (at the end of the screen). Because of habit and also because all other windows let me click the close button like this, I would like to ask if there is an option or a particular about:config entry in order to eliminate this margin, so that the clickable area of the close button expands to the upper right corner (end border of the screen) and regain the functionality that I have with all other windows.
附加的畫面擷圖

由 hsp3kala 於 修改

被選擇的解決方法

Try to move the buttons up a few pixels with code (negative margin-top) in userChrome.css.

Add code to the userChrome.css file below the default @namespace line.


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

#titlebar-buttonbox toolbarbutton {margin-top:-2px!important}

It is not that difficult to create userChrome.css if you have never used it.

The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder.

You can find this button under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name chrome in this folder (name is all lowercase). In the chrome folder you need to create a text file with the name userChrome.css (name is case sensitive). In this userChrome.css text file you paste the text posted.

You need to close and restart Firefox when you create or modify the userChrome.css file.

從原來的回覆中察看解決方案 1

額外的系統細節

已安裝的外掛程式

Ublock Origin

應用程式

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

更多資訊

cor-el
  • Top 10 Contributor
  • Moderator
17516 個解決方法 158398 個答案

選擇的解決方法

Try to move the buttons up a few pixels with code (negative margin-top) in userChrome.css.

Add code to the userChrome.css file below the default @namespace line.


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

#titlebar-buttonbox toolbarbutton {margin-top:-2px!important}

It is not that difficult to create userChrome.css if you have never used it.

The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder.

You can find this button under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name chrome in this folder (name is all lowercase). In the chrome folder you need to create a text file with the name userChrome.css (name is case sensitive). In this userChrome.css text file you paste the text posted.

You need to close and restart Firefox when you create or modify the userChrome.css file.

Try to move the buttons up a few pixels with code (negative margin-top) in userChrome.css. Add code to the <b>userChrome.css</b> file below the default @namespace line. *http://kb.mozillazine.org/userChrome.css <hr> <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ #titlebar-buttonbox toolbarbutton {margin-top:-2px!important} </nowiki></pre> <hr> It is not that difficult to create userChrome.css if you have never used it. The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder. *https://support.mozilla.org/en-US/kb/use-troubleshooting-information-page-fix-firefox You can find this button under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name <u>chrome</u> in this folder (name is all lowercase). In the <b>chrome</b> folder you need to create a text file with the name <u>userChrome.css</u> (name is case sensitive). In this userChrome.css text file you paste the text posted. You need to close and restart Firefox when you create or modify the userChrome.css file.

提出問題者

Thank you very much for your help.

I added also a negative margin on the right:

  1. titlebar-buttonbox toolbarbutton {margin-top:-6px!important;

margin-right:-5px!important;}

It works as it should, the margin has gone.

Unfortunately when I click the restore window button and then maximize the window again the window controls revert to the initial position with the margin. I hope there is a way to fix this and have this functionality permanently.

Thank you very much for your help. I added also a negative margin on the right: #titlebar-buttonbox toolbarbutton {margin-top:-6px!important; margin-right:-5px!important;} It works as it should, the margin has gone. Unfortunately when I click the restore window button and then maximize the window again the window controls revert to the initial position with the margin. I hope there is a way to fix this and have this functionality permanently.

提出問題者

With the option of high density chosen as you see from the screenshot and this modification of code:

  1. titlebar-buttonbox toolbarbutton {margin-top:-2px!important;

margin-right:-5px!important;}

everything works as it should on firefox 61 without any glitch.Thank you again for this solution. I hope that mozilla will implement this by default soon, because is a fundamental functionality that exists in firefox for windows and we should not do all this, in order to have something so common on linux.

With the option of high density chosen as you see from the screenshot and this modification of code: #titlebar-buttonbox toolbarbutton {margin-top:-2px!important; margin-right:-5px!important;} everything works as it should on firefox 61 without any glitch.Thank you again for this solution. I hope that mozilla will implement this by default soon, because is a fundamental functionality that exists in firefox for windows and we should not do all this, in order to have something so common on linux.