Theia File Icons Theme - Quick Pick Styling

[colin-grant-work]

Bug Description:

Since #9864

In the Open recent workspace... file picker, the icons are partially cut off to the left of the text.

Steps to Reproduce:

1. You must have some entries in your workspace history file. (Open some workspaces if you haven't or if you're using a temporary THEIA_CONFIG_DIR )
2. Set your icon theme to File Icons (Theia)
3. Use the open recent workspace command (File > Open recent workspace...)
4. Observe that the icons are cut off

Additional Information

• Operating System: RHEL7
• Theia Version: master

[colin-grant-work]

@msujew, if you're interested.

[msujew]

Sure, I'll take a look at that tomorrow 👍

[vince-fugnitto]

Another annoying thing is having the separators for each entry (which is needed to add the last modified date).

[Alnyli07]

@vince-fugnitto, @msujew It seems to be broken again.

Following css code block brokes alignment:

/*@theia/filesystem/src/browser/style/file-icons.css*/
.theia-file-icons-js {
    /*
    Here, the `line-height` ensures that FontAwesome and `file-icons-js` container has the same height.
    Ideally, it would be 1 em, but since we set the max height above (and other places too) with 0.8
    multiplier, we use 0.8 em here too.
     */
    line-height: 0.8em;
}

version: 1.24.0

[vince-fugnitto]

@Alnyli07 it should be fixed on master thanks to #11029.