Hi
@Alex, is there any way to fix this extra (-ve) pixel margin, either permanently of by modifying the CSS?
I've tried to, but it's annoying to fix since it's a pixel rounding issue. I might take another look at it :(
Jeez !! I never noticed this till now and now it sticks out !!!! LOL...
@Alex, Setting "margin-left" from "-1px" to "0px" for ".month-select" seems to fix it on Chrome. Are there issues on other browsers?
Is the pixel rounding problem also the cause of this one in the budget header of some, but not all, months?
I corrected the month layout with this...
.month-overview__month-overview, .month-overview__cell-head {
margin-left: -1px;
}
...but the budget header category is still 1 or 2 pixels out
Quote from: Billy_McSkintos on February 20, 2018, 03:32:51 PM
I corrected the month layout with this...
.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!
Quote from: asromzek 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?
Nevermind, a scroll bar pops up under the heading, and I just found the comment in the source code: "// Flexbox subpixel rendering hack".
Quote from: asromzek on February 20, 2018, 03:57:32 PM
Quote from: asromzek 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?
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.