click-ui icon indicating copy to clipboard operation
click-ui copied to clipboard

Make tabs names use more space

Open serdec opened this issue 1 year ago • 5 comments

Description

image

Tabs names are truncated too soon. The tabs still have some space that could be used to show their name.

Possible solution

there could be two solutions for handling the close button (x) space

  1. adopting the same solution chrome does (do not show the x if the space is too little) image image

  1. show the x as an absolute position on top of the label (we might need to give it a different background)

serdec avatar Sep 23 '24 10:09 serdec

It's a bit funny we show this icon and not the name, should we drop the table icon when it's very narrow? We should also make the tabs nav bar scrollable (horizontally - might be most beneficial for Mac users, so we definitely need to provide another solution). Another solution would be to add a dropdown button at the right end of the navbar where we can show all hidden open tabs.

wdyt @gjones, @fneves, @ArctypeZach?

guykoh avatar Sep 23 '24 13:09 guykoh

@guykoh the tabs are scrollable horizontally already

serdec avatar Sep 23 '24 13:09 serdec

@guykoh the tabs are scrollable horizontally already

Should we show less open tabs in this case?

guykoh avatar Sep 23 '24 15:09 guykoh

that could also be an option, but i think the minimum width of the tab is already big enough, we would have to make it bigger

serdec avatar Sep 23 '24 16:09 serdec

Agree with serdec. Lets just increast the min width of each tab. Easiest fix.

fneves avatar Sep 26 '24 07:09 fneves