client: ConversationList.Row: Rework widget internals

- Remove hover buttons
 - Move flagged icon to the right

Fix #1516
This commit is contained in:
Cédric Bellegarde 2023-07-12 12:31:58 +02:00
parent 9fc0a999ba
commit 41874dc29a
3 changed files with 85 additions and 173 deletions

View file

@ -59,6 +59,10 @@ row.conversation-list label {
margin-bottom: .4em;
}
row.conversation-list .details {
padding-left: 1em;
}
row.conversation-list .tertiary {
opacity: 0.7;
font-size: 0.8em;
@ -66,6 +70,11 @@ row.conversation-list .tertiary {
row.conversation-list .subject {
font-size: 0.9em;
padding-left: 0.5em;
}
row.conversation-list .preview {
padding-left: 0.6em;
}
row.conversation-list .date {
@ -73,10 +82,6 @@ row.conversation-list .date {
}
/* Unread styling */
row.conversation-list.unread .preview {
opacity: 1;
}
row.conversation-list.unread .subject {
font-weight: bold;
}
@ -85,33 +90,10 @@ row.conversation-list.unread .participants {
font-weight: bold;
}
row.conversation-list.unread .unread-button {
opacity: 1;
}
/* Hover buttons */
row.conversation-list .conversation-ephemeral-button {
opacity: 0;
margin: 2px;
border-radius: 50%;
border: none;
}
row.conversation-list:hover .conversation-ephemeral-button {
opacity: 1;
}
row.conversation-list.starred .flagged-button {
opacity: 1;
}
row.conversation-list:selected .conversation-ephemeral-button {
opacity: 1;
}
row.conversation-list .count-badge {
background: #888888;
color: white;
margin-top: 4px;
min-width: 1.5em;
border-radius: 1em;
font-size: .8em;