Author Topic: This drives me nuts  (Read 315 times)

Offline Billy_McSkintos

This drives me nuts
« on: February 20, 2018, 01:36:01 PM »
Hi @Alex, is there any way to fix this extra (-ve) pixel margin, either permanently of by modifying the CSS?
Project Fi Referral - Get $20 credit: https://g.co/fi/r/RWN1J1
Betterment.com Referral - 90 days managed free: https://www.betterment.com/?invite=marcusglynn

Offline Alex

Re: This drives me nuts
« Reply #1 on: February 20, 2018, 01:41:32 PM »
I've tried to, but it's annoying to fix since it's a pixel rounding issue. I might take another look at it :(
I am the Financier owner/admin/coder dude.

Offline keyboard

Re: This drives me nuts
« Reply #2 on: February 20, 2018, 02:44:39 PM »
Jeez !!  I never noticed this till now and now it sticks out !!!!  LOL...
Go for the 7 Ball  !!!!!!!

www.createsongstyles.com

Offline asromzek

Re: This drives me nuts
« Reply #3 on: February 20, 2018, 02:57:04 PM »
@Alex, Setting "margin-left" from "-1px" to "0px" for ".month-select" seems to fix it on Chrome. Are there issues on other browsers?
« Last Edit: February 20, 2018, 02:59:56 PM by asromzek »
/s implied, unless stated otherwise.

Offline Billy_McSkintos

Re: This drives me nuts
« Reply #4 on: February 20, 2018, 03:21:48 PM »
Is the pixel rounding problem also the cause of this one in the budget header of some, but not all, months?

Project Fi Referral - Get $20 credit: https://g.co/fi/r/RWN1J1
Betterment.com Referral - 90 days managed free: https://www.betterment.com/?invite=marcusglynn

Offline Billy_McSkintos

Re: This drives me nuts
« Reply #5 on: February 20, 2018, 03:32:51 PM »
I corrected the month layout with this...

Code: [Select]
.month-overview__month-overview, .month-overview__cell-head {
    margin-left: -1px;
}

...but the budget header category is still 1 or 2 pixels out
Project Fi Referral - Get $20 credit: https://g.co/fi/r/RWN1J1
Betterment.com Referral - 90 days managed free: https://www.betterment.com/?invite=marcusglynn

Offline Rhuarc

Re: This drives me nuts
« Reply #6 on: February 20, 2018, 03:50:02 PM »
I corrected the month layout with this...

Code: [Select]
.month-overview__month-overview, .month-overview__cell-head {
    margin-left: -1px;
}

...but the budget header category is still 1 or 2 pixels out

Thank you!  This was driving me crazy as well!

Offline asromzek

Re: This drives me nuts
« Reply #7 on: February 20, 2018, 03:57:32 PM »
@Alex, Setting "margin-left" from "-1px" to "0px" for ".month-select" seems to fix it on Chrome. Are there issues on other browsers?

Nevermind, a scroll bar pops up under the heading, and I just found the comment in the source code: "// Flexbox subpixel rendering hack".
/s implied, unless stated otherwise.

Offline Rhuarc

Re: This drives me nuts
« Reply #8 on: February 20, 2018, 05:05:23 PM »
@Alex, Setting "margin-left" from "-1px" to "0px" for ".month-select" seems to fix it on Chrome. Are there issues on other browsers?

Nevermind, a scroll bar pops up under the heading, and I just found the comment in the source code: "// Flexbox subpixel rendering hack".

This seemed to fix it for me in Chrome using that code added to Stylish.  I am also not seeing any scroll bars under the heading.