UI Update

[Gsptlsnz]

Originally Posted by trikotret

I appreciate your help. No idea why they wont work for me. Im probably doing it wrong. It used to work fine with old UI.

try putting the code at the VERY bottom of the page. if you put it at the top of the code page it may be "over ridden" by a code beneath it.

[trikotret]

Originally Posted by Gsptlsnz

try putting the code at the VERY bottom of the page. if you put it at the top of the code page it may be "over ridden" by a code beneath it.

I tried both codes with no other codes but no luck. Very weird since it works for you.

[Gsptlsnz]

Originally Posted by trikotret

I tried both codes with no other codes but no luck. Very weird since it works for you.

Lemme know if this code works for you...

/* Affects the page where you read the e-mail */
.v-Message-body, .u-article, .v-MessageCard, .app-contentCard {
background-color:#FFE7BB !important;
padding:5px !important;
min-width:100% !important;
font-family:tahoma !important;
font-size:18pt !important;
margin-bottom:15px !important;
margin-top:15px !important;
}

Or this...

/* Affects the page where you read the e-mail */
.v-Message-body, .u-article, .v-MessageCard, .app-contentCard {
background-color:#FFE7BB !important;
padding:5px !important;
min-width:1100px !important;
font-family:tahoma !important;
font-size:18pt !important;
margin-bottom:15px !important;
margin-top:15px !important;
}

[trikotret]

Originally Posted by Gsptlsnz

Lemme know if this code works for you...

/* Affects the page where you read the e-mail */
.v-Message-body, .u-article, .v-MessageCard, .app-contentCard {
background-color:#FFE7BB !important;
padding:5px !important;
min-width:100% !important;
font-family:tahoma !important;
font-size:18pt !important;
margin-bottom:15px !important;
margin-top:15px !important;
}

Or this...

/* Affects the page where you read the e-mail */
.v-Message-body, .u-article, .v-MessageCard, .app-contentCard {
background-color:#FFE7BB !important;
padding:5px !important;
min-width:1100px !important;
font-family:tahoma !important;
font-size:18pt !important;
margin-bottom:15px !important;
margin-top:15px !important;
}

It got wider. But there's a background color and the sender email is huuuuuuuuuuuuuuuuuge across the screen.

[Gsptlsnz]

Originally Posted by trikotret

It got wider. But there's a background color and the sender email is huuuuuuuuuuuuuuuuuge across the screen.

ha! remove the FONT-SIZE tag and the BACKGROUND-COLOR tag and it should be ok.

[trikotret]

Originally Posted by Gsptlsnz

ha! remove the FONT-SIZE tag and the BACKGROUND-COLOR tag and it should be ok.

OMG. It worked............... Thank you thank you

[smtper]

Originally Posted by Gsptlsnz

Try this...

/* Affects the space betwen the "RED PIN" and the "Name of the e-mail sender on its right" when you are looking at all of the e-mails */
.v-MailboxItem-link {
margin-left:-30px !important;
}
/* Affects the space between the "RED PIN" and the "Checkbox on its left" when you are looking at all of the e-mails */
.u-list-pin {
margin-left:-15px !important;
}
/* Affects the "Check All" checkbox at the top when you are looking at all of the e-mails */
.v-SelectAllCheckbox {
background-color:crimson !important;
width:22px !important;
padding-left:8px !important;
}
/* Affects the checkboxes on the left when you are looking at all of the e-mails. This MAY affect other pages. */
.u-list-checkbox, .v-Checkbox {
background-color:green !important;
border:1px black solid;
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 !important;
max-width:30px !important;
}

Thanks again! Works great. Did some tweaking from there for dark theme.

[Gsptlsnz]

For those who would like to do their own tweaking, the best tools are:

1. Water-Fox or an old version of Fire-Fox (before they really messed it up and removed the status bar)

2. AdBlock Latitude 5.0.1 (may not be in the repo)

3. AdBlock Plus - Element Hider 1.4 (may not be in the repo)

If you know how to write CSS, these will make it very easy to edit the code.

[xyzzy]

Originally Posted by Gsptlsnz

Try this...

/* Widens the "sieve code" text input windows */ 
.v-EditSieve-rules {
min-width:1350px !important;
}

Thanks for that. What you showed only handled the fixed (FM generated) portion of the Sieve display. But it was enough to cue me to what I needed to look for to handle the user text edit portions. So here's what I now have to put back the widths I needed to keep my code comments from wrapping. This is as it was up until the previous major UI changes about a year ago (or whenever) before they actually made it wider. Not sure why they keep screwing around with that width but I guess these style changes might insulate me from them, well, until they change the v-names.

/* Widens FastMail Sieve code fixed and user edit panes */

/* Widen generated code panes... */
.v-EditSieve-rules {
  min-width:771px !important;
}

/* Widen user text edit panes... */
.v-SieveInput {
  min-width:800px !important;
}

[JoeR]

Originally Posted by Gsptlsnz

Note: As of jan. 31 i will not be free to make additional tweaks. so if you want something done, post it now.

(or forever hold your peace)

Can you move remove the coloured box from the compose button so it reverts to how it was?

Also can we move the buttons that where on the blue stripe at the top back onto it?
They were moved down when they moved the search bar accross.

So on the main screen
All mail, Unread, pinned, vips

In an open email
the back button, archive, delete, snooze, move to, more,

Is this possible?

[JeremyNicoll]

Originally Posted by trikotret

Thanks man. But it looks the same as what i posted for previous UI.

You didn't look closely enough: "max-width" attributes were changed to "min-width" ones.

[Gsptlsnz]

Originally Posted by JoeR

Can you move remove the coloured box from the compose button so it reverts to how it was?

Scroll up, I posted the code to remove the background color yesterday.

[Terry]

I wish we could pin the Snooze as when you clear your cookies it stuffs up the yearly dates.

[Gsptlsnz]

Originally Posted by JoeR

Also can we move the buttons that where on the blue stripe at the top back onto it? They were moved down when they moved the search bar across.

In an open email:
back button, archive, delete, snooze, move to, more

Try this...

/* Affects the "Back, Archive, Delete, Move To, More" buttons at the top when reading an e-mail */
/* 1 Back */ 
#v40 {
position:relative !important;
top:-50px !important;
left:0px !important;
color:white !important;
font-weight:bold !important;
border:2px white solid !important;
font-size:15pt !important;
margin-left:70px !important;
}
/* 2 Archive */ 
#v19 {
position:relative !important;
top:-50px !important;
left:0px !important;
color:white !important;
font-weight:bold !important;
border:2px white solid !important;
font-size:15pt !important;
} 
/* 3 Delete */ 
#v22 {
position:relative !important;
top:-50px !important;
left:0px !important;
color:white !important;
font-weight:bold !important;
border:2px white solid !important;
font-size:15pt !important;
}
/* 4 Move To */ 
#v27 {
position:relative !important;
top:-50px !important;
left:0px !important;
color:white !important;
font-weight:bold !important;
border:2px white solid !important;
font-size:15pt !important;
}
/* 5 More... */ 
#v18 {
position:relative !important;
top:-50px !important;
left:0px !important;
color:white !important;
font-weight:bold !important;
border:2px white solid !important;
font-size:15pt !important;
}
.v-MailToolbar-search {
margin-left:58% !important; /* Adjust the percentage as needed */
}
.v-ClearSearchButton {
background-color:limegreen !important;
}

[FredOnline]

Now's your chance!

https://www.fastmail.com/about/jobs/...u-ux-designer/