Graphics problems with the tab highlight outline in grouped tabs


Description of the issue:
When using grouped tabs with a colour, that colour is used to underline all tabs in that group. That colour also forms a border going around the current tab (top and sides). However, where that border on the sides of the current tab meet the underline of all the tabs in that group, the coloured lines don’t meet cleanly. There appears to be some graphics “ugliness”.

How can this issue be reproduced?

  1. Open a new tab.
  2. Right click the new tab. Select “Add Tab to Group”, then “New Group”
  3. Give the new group a name. Press Enter.
  4. Make a few more new tabs in that group. Select one by clicking on it.
  5. Notice that the selected tab’s outline doesn’t meet cleanly with the bottom border of that group

Expected result:
I expect the thick border around the tab to stop at the coloured group underline without going past it (underneath it)

Brave Version( check About Brave):
Version 1.32.106 Chromium: 96.0.4664.45 (Official Build) (64-bit)

Additional Information:
I’m using Mint Linux.
I’m willing to upload a screenshot if someone can tell me where to.

for uploading image you can use the upload option in the editor it’s icon looks like this
Screenshot from 2021-11-22 20-56-09

and if your trust level is low to get that permission then upload it to any site like https://imgbb.com/or anything else

by the way that what i get when using it

Yeah, your screenshot looks fine. Mine looks like this:

image

by the way i use linux also but rocky linux

i guess it could be related to hardware acceleration
go to brave://settings/system then disable Use hardware acceleration when available

you will need to restart you browser after change it
and if it did not work then try to disable all extension and see if it make any differance

hope that help and have a nice day :slight_smile:

Thanks for the ideas. I tried toggling hardware acceleration, and disabling all extensions, and hiding the bookmarks. I tried changing Mint themes and controls. Nothing fixed it.

you welcome what is your desktop enviroment? i am using gnome

I’m using the latest Mint, 20.2, which uses the Cinnamon 5.0 desktop environment.

I think this problem is coming from Chrome, because if I look closely, I can see something similar there.
This is Chrome on Mint:

Maybe there is some sort of styling that could be applied just to Mint to adjust the height of that bottom border or something.

1 Like

nice catch i guess so also

1 Like