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,14 +477,14 @@ 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();
@ -492,8 +492,6 @@ fn render_open_header(msg: &ShowThreadQueryThreadMessages) -> Node<Msg> {
}) })
] ]
] ]
]
]
} }
fn render_closed_header(msg: &ShowThreadQueryThreadMessages) -> Node<Msg> { fn render_closed_header(msg: &ShowThreadQueryThreadMessages) -> Node<Msg> {