web: make money stuff mobile friendly

This commit is contained in:
Bill Thiede 2025-04-02 12:21:54 -07:00
parent 85dcc9f7bd
commit a13bac813a
2 changed files with 19 additions and 2 deletions

View File

@ -934,6 +934,14 @@ fn render_closed_header(msg: &ShowThreadQueryThreadOnEmailThreadMessages) -> Nod
fn message_render(msg: &ShowThreadQueryThreadOnEmailThreadMessages, open: bool) -> Node<Msg> { fn message_render(msg: &ShowThreadQueryThreadOnEmailThreadMessages, open: bool) -> Node<Msg> {
let expand_id = msg.id.clone(); let expand_id = msg.id.clone();
let from = match &msg.from {
Some(ShowThreadQueryThreadOnEmailThreadMessagesFrom { addr, .. }) => addr.clone(),
Some(ShowThreadQueryThreadOnEmailThreadMessagesFrom {
addr: Some(addr), ..
}) => Some(addr.to_string()),
_ => None,
};
let from = from.map(|f| f.replace('.', "-").replace('@', "-"));
div![ div![
C!["lg:mb-4"], C!["lg:mb-4"],
div![ div![
@ -953,7 +961,7 @@ fn message_render(msg: &ShowThreadQueryThreadOnEmailThreadMessages, open: bool)
], ],
IF!(open => IF!(open =>
div![ div![
C!["bg-white", "text-black", "p-4", "min-w-full", "w-0","overflow-x-auto"], C!["bg-white", "text-black", "p-4", "min-w-full", "w-0","overflow-x-auto", from],
match &msg.body { match &msg.body {
ShowThreadQueryThreadOnEmailThreadMessagesBody::UnhandledContentType( ShowThreadQueryThreadOnEmailThreadMessagesBody::UnhandledContentType(
ShowThreadQueryThreadOnEmailThreadMessagesBodyOnUnhandledContentType { contents ,content_tree}, ShowThreadQueryThreadOnEmailThreadMessagesBodyOnUnhandledContentType { contents ,content_tree},

View File

@ -51,6 +51,15 @@ html {
margin-left: 2em; margin-left: 2em;
} }
.mail-thread .noreply-news-bloomberg-com img.logo-image {
width: initial !important;
max-width: 100% !important;
}
.mail-thread .noreply-news-bloomberg-com h2 {
margin: 0 !important;
padding: 0 !important;
}
/* Hackaday figures have unreadable black on dark grey */ /* Hackaday figures have unreadable black on dark grey */
.news-post figcaption.wp-caption-text { .news-post figcaption.wp-caption-text {
background-color: initial !important; background-color: initial !important;
@ -66,4 +75,4 @@ html {
height: initial !important; height: initial !important;
overflow: auto !important; overflow: auto !important;
position: static !important; position: static !important;
} }