CUSTOM CSS Tweaks for FastMail's New UI, using Firefox Extension Stylish!

[joe_devore]

this is what I got from the FastMail Support so far..

https://www.fastmail.com/help/guides...date-2018.html

[BritTim]

Originally Posted by joe_devore

this is what I got from the FastMail Support so far..

https://www.fastmail.com/help/guides...date-2018.html

Some of the enhancements look pretty useful. Unfortunately, as ever, changes can be painful, both in terms of removed/changed functionality and the need to rework tweaks and workflow designed around the prior version. I yearn for the days when FastMail would have coordinated changes like this with the community.

[Terry]

Originally Posted by BritTim

I yearn for the days when FastMail would have coordinated changes like this with the community.

That would have been so nice.

It's really annoying when they take nice features away.

I am now moving back to Thunderbird so I can have my folder count displayed without the silly mouse over crap.

At times I wish I had not have renewed my subscription.

[joe_devore]

I got another reply on my support ticket...
they are giving me the standard speall / runaround...
ie. they have not told me anything useful to pass on to you guys here...
ie. something to help fix these CSS tweaks...

[Terry]

Your lucky I never had a reply from my support ticket I sent on 21st of Feb.

I have gone back to Thunderbird so I can have my folder count showing all the time.

[joe_devore]

Originally Posted by Terry

Your lucky I never had a reply from my support ticket I sent on 21st of Feb.

I have gone back to Thunderbird so I can have my folder count showing all the time.

lol... yeah... give it some time...
they have a large queue of tickets probably...
it was a few days in between each of the replies I got...

ok have fun with Thunderbird...

[Gsptlsnz]

i got the "update" this morning and it still looks ok, but i will have to change my css codes.

[joe_devore]

Originally Posted by Gsptlsnz

i got the "update" this morning and it still looks ok, but i will have to change my css codes.

ok, I can update the first post with updated codes if u want when u fix them..

[Terry]

Originally Posted by Gsptlsnz

i got the "update" this morning and it still looks ok, but i will have to change my css codes.

Sadly some of us are not very good at doing that....

[Gsptlsnz]

my first (of probably many!) fixes...

this restores the badge that shows the number of emails, as well as showing the total number of emails per folder.


Look for:

/* Shows number count of files per folder */
.v-FolderSource:after {
content: " " attr(title);
font-size:12pt;
color:darkgreen;
}


Replace with:

/* Shows the total number of emails in the folder */
.app-source--depth0:after, .app-source--depth1:after, .app-source--depth2:after, .app-source--depth3:after {
content: " " attr(title);
font-size:12pt;
color:darkgreen;
font-weight:bold;
}

/* Puts a count badge on every folder except SENT and TRASH and shows number of unread */
.v-MailboxSource-badge {
display:inline-block;
text-shadow:1px 1px 1px #808080;
box-shadow:5px 5px 5px rgba(0,0,0,.25), 0 0 20px transparent inset, 0 0 1px rgba(255,255,255,0.5) inset;
font-size:10.5pt;
}

[Terry]

Originally Posted by Gsptlsnz

my first (of probably many!) fixes...

this restores the badge that shows the number of emails, as well as showing the total number of emails per folder.


Replace with:

/* Shows the total number of emails in the folder */
.app-source--depth0:after, .app-source--depth1:after, .app-source--depth2:after, .app-source--depth3:after {
content: " " attr(title);
font-size:12pt;
color:darkgreen;
font-weight:bold;
}

Gsptlsnz, thank you so much for that its made my YEAR and I really appreciate that CSS because I dont have enough experience to do my own.....Thanks again....

[joe_devore]

thx for the first update Gsptlsnz! I will update Post #1 of this thread...

[Gsptlsnz]

this fix is totally optional since it only changes the background color of each directory pane listed in the left panel.

(makes it a tiny bit easier to find a system folder quickly)

/* 'Inbox' Folder Path Is Now LimeGreen */
.v-MailboxSource--inbox {
background-color:limegreen;
}

/* 'Drafts' Folder Path Is Now Dark Orange */
.v-MailboxSource--drafts {
background-color:darkorange;
}

/* 'Sent' Folder Path Is Now Lightblue */
.v-MailboxSource--sent {
background-color:lightblue;
}

/* 'Spam' Folder Path Is Now Yellow */
.v-MailboxSource--junk {
background-color:yellow;
}

[joe_devore]

Thx Gsptlsnz.

I used

.v-MailboxSource

to edit the folder path colors entries of the code I have already...

I also have all folders sorted according to a number order scheme...
the system folders are sorted above the rest which are all sorted at #10

[Gsptlsnz]

everything is pretty much back to the way it was on my screen so
if anyone needs something changed, then speak up now!