Draw message list separate with CSS

[Danielle Foré]

Instead of a thick bar drawn in Cairo (I think?), the separator should just be drawn with CSS. The following is what I use in elementary theme:

ConversationListView {
    -GtkWidget-focus-line-width: 1px;
    -GtkTreeView-grid-line-width: 0;
}

ConversationListView.view.cell {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: alpha (#000, 0.2);
}

ConversationListView.view.cell:selected {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: shade (@selected_bg_color, 0.8);
}

[Jim Nelson (yorba-jim)]

If that works, I would be very happy. Our original proposal was to space out the cells, but GtkCellRender is severely limited in what it can draw. If CSS gets us there (or we simply restyle with a better border), I'm stoked.

[Launchpad Janitor (janitor)]

Status changed to 'Confirmed' because the bug affects multiple users.

[Michael Gratton (mjog)]

This will be possible once we switch to a GtkListBox for the conversation list per bgo 730682.