Hey Danny, there's a couple little issues with the Group by Sort - Date fix from this most recent FluentBird version. When you have two groups next to each other "Today" and "Past 7 days" and do not have them select nor hover (select an email below them to get the selected state off), a bottom border line appears:
On 1.1.3 when I was inspecting elements, the container for the Today, Past 7 Days, etc. tabs were much larger that just want is drawn, I believe that's why the twisty was being hidden, and why this line is appearing.
There's also another little bug introduced in this version -- try just closing "Today." The next tab date will be padded further than it should:
If you move to something else, like drafts, etc. it'll redraw and remove the extra padding when it repaints.
If you don't want to track down the date container size, to fix that in 1.1.3, this is what I wrote in my custom.css:
/* Force the dynamic row flex container to vertically center all children */
#threadTree tr[is="thread-row"][data-properties~="dummy"].card-layout .thread-card-dynamic-row,
#threadTree tr.card-layout[data-properties~="dummy"] .thread-card-dynamic-row {
display: flex !important;
height: 100% !important;
}
/* Force the twisty button to be visible and align to the center of the flex row */
#threadTree tr.card-layout[data-properties~="dummy"] .twisty,
#threadTree tr.card-layout[data-properties~="dummy"] button.twisty {
align-self: center !important;
margin-right: 8px !important;
}
That no longer works because its targeting is below the newest version's changes, but if you want a simple partial fix, folding the concept above into the userChrome.css from 1.1.3 will fix the container size (but the border and the indent persist).
Hope this helps and isn't super annoying!
Hey Danny, there's a couple little issues with the Group by Sort - Date fix from this most recent FluentBird version. When you have two groups next to each other "Today" and "Past 7 days" and do not have them select nor hover (select an email below them to get the selected state off), a bottom border line appears:
On 1.1.3 when I was inspecting elements, the container for the Today, Past 7 Days, etc. tabs were much larger that just want is drawn, I believe that's why the twisty was being hidden, and why this line is appearing.
There's also another little bug introduced in this version -- try just closing "Today." The next tab date will be padded further than it should:
If you move to something else, like drafts, etc. it'll redraw and remove the extra padding when it repaints.
If you don't want to track down the date container size, to fix that in 1.1.3, this is what I wrote in my custom.css:
/* Force the dynamic row flex container to vertically center all children */
#threadTree tr[is="thread-row"][data-properties~="dummy"].card-layout .thread-card-dynamic-row,
#threadTree tr.card-layout[data-properties~="dummy"] .thread-card-dynamic-row {
display: flex !important;
height: 100% !important;
}
/* Force the twisty button to be visible and align to the center of the flex row */
#threadTree tr.card-layout[data-properties~="dummy"] .twisty,
#threadTree tr.card-layout[data-properties~="dummy"] button.twisty {
align-self: center !important;
margin-right: 8px !important;
}
That no longer works because its targeting is below the newest version's changes, but if you want a simple partial fix, folding the concept above into the userChrome.css from 1.1.3 will fix the container size (but the border and the indent persist).
Hope this helps and isn't super annoying!