Incompatibility with file-icons plugin

[pdonias]

Hi!

I'm using file-icons plugin along with foldername-tabs and I have an issue when a file name is too long.

With file-icons only:

With foldername-tabs only:

With both plugins:

As you can see, when I use both plugins at the same time, the tab name disappears as if both the icon and the text couldn't fit inside the tab.

I'm aware there can be a lot of incompatibilities like this one with all the plugins available on Atom and you can't handle all of them but if there was a way to fix this one, it would be great :)

[rcrichton]

I'm also seeing this bug, it looks like the title is being pushed to the next line below the icon but is not visible.

[rcrichton]

I can't find a good css solution to rectify this, but here is a workaround that works:

Add the following to your Atom stylesheet (Edit > Stylesheet...):

/* fix foldername-tabs package incompatibility - https://github.com/paulpflug/foldername-tabs/issues/15 */
.foldername-tabs {
  width: 0%;
}

[gregorygenova]

I fix it like that :

.foldername-tabs {
  width: 1rem;
}

[episode17]

I yolo'ed:

.tab-bar .tab .title {
    display: flex;
    align-items: center;
}

div.foldername-tabs {
    top: 0; /* Adjust for theme */
    width: 100%;
    text-align:left; /* Optional */
}

div.foldername-tabs > span.folder {
    opacity: 0.6;
}

with pleasing results in One Dark theme: