Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tab shrink: further reduce padding when close button is left #39603

Closed
roblourens opened this issue Dec 5, 2017 · 10 comments
Closed

Tab shrink: further reduce padding when close button is left #39603

roblourens opened this issue Dec 5, 2017 · 10 comments
Labels
feature-request Request for new features or functionality *out-of-scope Posted issue is not in scope of VS Code workbench-tabs VS Code editor tab issues

Comments

@roblourens
Copy link
Member

Testing #39331

image

It feels like the tabs under "shrink" take up a lot of space for the amount of text you get. I think it's the same amount of padding as the full width tabs, but maybe it could be tightened up for smaller tabs?

@vscodebot vscodebot bot added workbench workbench-tabs VS Code editor tab issues labels Dec 5, 2017
@roblourens
Copy link
Member Author

Actually I realize that's with tabCloseButton: left. On the right,

image

I can see much more. The text is going all the way to the edge with the close button on the right.

@bpasero bpasero added this to the November 2017 milestone Dec 5, 2017
@bpasero
Copy link
Member

bpasero commented Dec 5, 2017

Yeah I can see if I can also tweak the layout if the button is on the other side.

@bpasero bpasero removed this from the November 2017 milestone Dec 5, 2017
@bpasero bpasero removed their assignment Dec 5, 2017
@bpasero bpasero added feature-request Request for new features or functionality and removed workbench labels Dec 5, 2017
@bpasero bpasero changed the title Editor tab text layout has lots of padding Tab shrink: further reduce padding when close button is left Dec 5, 2017
@bpasero
Copy link
Member

bpasero commented Dec 5, 2017

I am actually not sure what to do here. If someone has an idea with a reasonable (ideally CSS only) PR, let me know.

@joshunger
Copy link
Contributor

joshunger commented Dec 26, 2017

I sent you a PR to always reduce it on the left. Is this what you wanted?

This is what is looks like -
image

However, the welcome tab feels a little tight -
image

@bpasero
Copy link
Member

bpasero commented Dec 28, 2017

@joshunger I think what I would expect as solution is the same thing we do for the close button when "workbench.editor.tabSizing": "shrink" is configured and the close button is on the right:

before

@joshunger
Copy link
Contributor

@bpasero Got it. I'm assuming you want it to overlay the icon? Anything else I need to know?

@joshunger
Copy link
Contributor

@bpasero do you have a claim bot so contributors can claim issues? How do you know who is working on it if it is labeled help-wanted?

@bpasero
Copy link
Member

bpasero commented Dec 28, 2017

@joshunger yeah I would say overlay anything that is at that location, keep in mind that icons can also be turned off.

There is no "claiming" of issues so far, but agree it would be useful.

@joshunger
Copy link
Contributor

@bpasero bpasero removed the help wanted Issues identified as good community contribution opportunities label Sep 14, 2018
@vscodebot vscodebot bot added the *out-of-scope Posted issue is not in scope of VS Code label Oct 14, 2019
@vscodebot
Copy link

vscodebot bot commented Oct 14, 2019

This issue is being closed to keep the number of issues in our inbox on a manageable level, we are closing issues that are not going to be addressed in the foreseeable future: We look at the number of votes the issue has received and the number of duplicate issues filed. More details here. If you disagree and feel that this issue is crucial: We are happy to listen and to reconsider.

If you wonder what we are up to, please see our roadmap and issue reporting guidelines.

Thanks for your understanding and happy coding!

@vscodebot vscodebot bot closed this as completed Oct 14, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature-request Request for new features or functionality *out-of-scope Posted issue is not in scope of VS Code workbench-tabs VS Code editor tab issues
Projects
None yet
Development

No branches or pull requests

3 participants