Change file tab width

workspace
ui

#1

I’m working in a project where files have very similar names. For example:

MembershipPurchaseTab.cmp
MembershipPurchaseTabController.js
MembershipPurchase.cmp
MembershipPurchaseController.js
… and many more!

When I am working on ‘MembershipPurchase’ stories I’ll typically have many of these files open. The problem is that the editor file tabs only display ‘MembershipPurchas…’ as the file name so there’s no way to tell what file a tab contains.

Is there a way to have the file tab display the entire file name? Or color code the tabs by file type?

Thanks!


#2

There is no way to change width of tabs and make tabbar scrollable.

As a temporary workaround you can add

.session_btn {
    min-width: 180px;
}

to user stylesheet (it can be opened from cloud9 menu)


#3

Thanks! I ended up adding

min-width: fit-content;

to the stylesheet. This makes life much easier.