How to make the Context Menu of Firefox 131.0.3 look like Ver. 100.0.1 ?
Is it possible to remove the border/frame lines around the Menu Bar and the Context Menu in Ver. 131.0.3 to make it look like Ver. 100.0.1.?
Experimenting with userChrome.css only seemed to change some things such as background color and padding size of the context menu, but as a css noob it’s no surprise it didn't work when trying to remove borders, remove margins.
Attached is a screenshot of Ver. 131.0.3 (upper) and which parts of the menus I'm looking to customize or revert back to the style of Ver. 100.0.1 (lower).
Tysm for you time. bteg
선택된 해결법
You've got a } missing after visibility: collapse; It should be:—
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* hides the native tabs */
#TabsToolbar {
visibility: collapse;
}
/* Close-up gaps */
menupopup :is(menu, menuitem), .subviewbutton {
padding: 2px !important;
}
/* Get rid of Borders */
* {
border-radius: 0 !important;
border: none !important;
}
문맥에 따라 이 답변을 읽어주세요 👍 0
모든 댓글 (5)
This is what I use to close up the gaps in pop-up menus:—
menupopup :is(menu, menuitem), .subviewbutton {
padding: 2px !important;
}
To get rid of the borders try:—
* { border-radius: 0 !important;
border: none !important;
}
Ty Pillenwerfer, I'm probably missing something, being a beginner to css, because I tried your code but it didn't work, yet the old css code I got years ago to 'hide tabs' does work.
Here's all the code in my userChrome.css
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* hides the native tabs */
- TabsToolbar {
visibility: collapse;
menupopup :is(menu, menuitem), .subviewbutton {
padding: 2px !important;
}
- { border-radius: 0 !important;
border: none !important;
}
선택된 해결법
You've got a } missing after visibility: collapse; It should be:—
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* hides the native tabs */
#TabsToolbar {
visibility: collapse;
}
/* Close-up gaps */
menupopup :is(menu, menuitem), .subviewbutton {
padding: 2px !important;
}
/* Get rid of Borders */
* {
border-radius: 0 !important;
border: none !important;
}
That worked perfectly.
Both the Right Click Context Menu and Menu-Bar drop downs look incredible.
Thanks a million Pillenwerfer
Note that best is to set the padding-block and not specify a single value for the padding as that includes padding-inline as well.
userChrome.css:
menupopup :is(menu, menuitem) {
margin-block:-3px 0px !important;
padding-block:0px 0px !important;
min-height:21px !important; /*required to be able to go lower than 4px; adjust 21px-24px or none*/
}글에 답글을 달기 위해서는 계정으로 로그인해야만 합니다. 계정이 아직 없다면 새로운 질문을 올려주세요.