Wow! For us visual people, this is a wonderful addition and a very simple installation. I just discovered Mailspring and this community. Thanks for your efforts and this super plugin.
I had an error if i want to intall the plugin.
Sorry, Mailspring no longer ships with Babel and TypeSript to recompile plugins on the fly. Ask the plugin developer to compile the plugin to vanilla JavaScript as a pre-publish step
I’d love to see this working on my end. Not sure if I’ve installed the latest plugin but when I tried to, the pop up says, “mailspring-avatars has been installed and enabled” but I see no avatars. Can you point us to the correct plugin? Thanks!
Thanks for the quick response, Jason. I did restart Mailspring and still nothing, until I read on an older thread, which lead me to a previously installed version, Library, Application Support, Etc, and trashed it (must of installed it a couple years back) and I re-installed the latest package and now all is good.
I did noticed something though. Is there a way to lower the avatar, as it seems to touch both the incoming mail symbol and the star? Thanks!
The easiest way to make your request is to do it in two steps:
First, use the developers tools integrated in Mailspring (Developer → Toggle Developer Tools) to locate the element to be moved and test with CSS how you can place it. I’ve attached a screen of the concerned element, on the right side you can change the property “top: 0px” with something that suits you better and see the result in live.
Thanks for getting back to me and no worries regarding the late response. I appreciate your info and I did figure this out a little while ago, through trial and error and it’s turned out quite nicely. Nothing overlaps anymore and I was glad to see I was able to move all other icons as well as the avatar. Now it looks just like in the image.
I’ve just installed it into a fresh copy of 1.9.1, and I also see doubled icons. Using the dev tools, I see that the extra (top-right) icon is added with the class “thread-injected-icons” within the “icons-column” div, whereas the lower-left one (which seems to be in the correct place) has the “thread-avatar” class within the “thread-info-column” div. Any idea why it’s being added in two places?
Further investigation: two icons are shown when the message list is narrower and thus reflows to show sender, subject and snippet on separate lines. If I make it wider so they all appear on one line, only one icon is shown. JS and React aren’t really my thing, but commenting out line 14 in lib/main.js means only one icon is shown in either case!
Heh. You have to remove the plugin - a process for which there are no instructions I can see! I found the plugin directory within the application directory using the file manager (for me, on Linux, I think it was in ~/snap/mailspring/common/packages) and deleted it manually, and Mailspring was fine afterwards.
Would be great if you could share your CSS file to help the rest of us!
FOR DEVS:
Not sure if anyone else is seeing this, but on Linux ( PureOS / Debian ) my icons are not aligned by default. Icons are too high and intersecting with the star button. Also, some icons (specifically paypal) do not appear to be scaling correctly.
I tried to tinker with the CSS by toggling developer tools but no changes with the icon positions seem to work - I could very well be doing something wrong. Any suggestions welcome.