Mozilla Relay is experiencing issues with call and text delivery. We’re working on a fix. Check Mozilla Status for updates.

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

ค้นหาฝ่ายสนับสนุน

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

เรียนรู้เพิ่มเติม

Tab bar shrinks after grabbing single tab since firefox 132/133 (custom userchrome.css)

  • 5 การตอบกลับ
  • 0 คนมีปัญหานี้
  • ตอบกลับล่าสุดโดย Piterk

more options

Hello Since few weeks (maybe on firefox 132 already, but surely on firefox 133) I observe issue with my firefox UI. While grabbing and holding tab (to change its position, move it on bar), whole tab bar gets thinner which realigns my whole UI. Issue is probably caused by my custom userchrome.css but I need it in current or similar form. Maybe there is some css specialist who can help me remove unnecessary parts of code?

My css is as follows:

.tab-background{ border-radius: 0px 0px !important; margin-bottom: 0px !important; } .tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background{ background-color: color-mix(in srgb, currentColor 4%, transparent); } menupopup > menu, menupopup > menuitem{ padding-block: 3px !important; min-height: 0px !important; }

root{

--arrowpanel-menuitem-padding: 2px !important; }

Hello Since few weeks (maybe on firefox 132 already, but surely on firefox 133) I observe issue with my firefox UI. While grabbing and holding tab (to change its position, move it on bar), whole tab bar gets thinner which realigns my whole UI. Issue is probably caused by my custom userchrome.css but I need it in current or similar form. Maybe there is some css specialist who can help me remove unnecessary parts of code? My css is as follows: .tab-background{ border-radius: 0px 0px !important; margin-bottom: 0px !important; } .tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background{ background-color: color-mix(in srgb, currentColor 4%, transparent); } menupopup > menu, menupopup > menuitem{ padding-block: 3px !important; min-height: 0px !important; } :root{ --arrowpanel-menuitem-padding: 2px !important; }
ภาพหน้าจอที่แนบมา

วิธีแก้ปัญหาที่เลือก

Hi

Modification using userChrome.css is not officially supported, but you may get some help at:

https://www.reddit.com/r/FirefoxCSS/

อ่านคำตอบนี้ในบริบท 👍 1

การตอบกลับทั้งหมด (5)

more options

If that isn't part of Firefox browser created css edits then you should post that to a userChrome.css site for others there to see what's wrong or if that is a site created userChrome.css edit then you should contact that site for support using their userChrome.css edits.

มีประโยชน์หรือไม่

more options

Sorry but what do you mean by "userChrome.css site" - is there some support site for styling firefox? I got this code from mozilla support forums in the first place, so I was hoping I could find help here ;)

มีประโยชน์หรือไม่

more options

วิธีแก้ปัญหาที่เลือก

Hi

Modification using userChrome.css is not officially supported, but you may get some help at:

https://www.reddit.com/r/FirefoxCSS/

มีประโยชน์หรือไม่

more options

Issue was caused by this part: margin-bottom: 4px !important; Which was responsible for widening tab until it met button/address bar. You have to set it to 4px or remove it and have huge margins below tab.

มีประโยชน์หรือไม่

more options

I was able to bypass issue by changing .tab-background{ to .tab-background[selected]{

มีประโยชน์หรือไม่

ถามคำถาม

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.