web: make mark read/unread icon target much larger

This commit is contained in:
Bill Thiede 2024-02-23 07:07:20 -08:00
parent fc87fd702c
commit ebb16aef9e
2 changed files with 17 additions and 15 deletions

View File

@ -27,6 +27,10 @@
padding: 0; padding: 0;
} }
.message .header .media-right {
padding: 1rem;
}
.message .headers { .message .headers {
position: relative; position: relative;
width: 100%; width: 100%;

View File

@ -477,21 +477,19 @@ fn render_open_header(msg: &ShowThreadQueryThreadMessages) -> Node<Msg> {
C!["media-right"], C!["media-right"],
span![ span![
C!["read-status"], C!["read-status"],
i![ i![C![
C![ "far",
"far", if is_unread {
if is_unread { "fa-envelope"
"fa-envelope" } else {
} else { "fa-envelope-open"
"fa-envelope-open" },
}, ]]
], ],
ev(Ev::Click, move |e| { ev(Ev::Click, move |e| {
e.stop_propagation(); e.stop_propagation();
Msg::SetUnread(format!("id:{id}"), !is_unread) Msg::SetUnread(format!("id:{id}"), !is_unread)
}) })
]
]
] ]
] ]
} }