diff --git a/web/index.html b/web/index.html
index b0e2ce0..7466ac2 100644
--- a/web/index.html
+++ b/web/index.html
@@ -63,7 +63,7 @@
width: 100%;
}
- .index tr.unread {
+ .index .unread {
font-weight: bold;
}
diff --git a/web/src/view/mobile.rs b/web/src/view/mobile.rs
index cd51641..9c29778 100644
--- a/web/src/view/mobile.rs
+++ b/web/src/view/mobile.rs
@@ -4,9 +4,7 @@ use crate::{
api::urls,
graphql::front_page_query::*,
state::{Context, Model, Msg},
- view::{
- self, human_age, pretty_authors, set_title, tags_chiclet, view_header, view_search_pager,
- },
+ view::{self, human_age, pretty_authors, search_toolbar, set_title, tags_chiclet, view_header},
};
pub(super) fn view(model: &Model) -> Node {
@@ -41,8 +39,14 @@ fn search_results(
let rows = results.iter().map(|r| {
let tid = r.thread.clone();
let datetime = human_age(r.timestamp as i64);
+ let unread_idx = r.tags.iter().position(|e| e == &"unread");
+ let mut tags = r.tags.clone();
+ if let Some(idx) = unread_idx {
+ tags.remove(idx);
+ };
a![
C!["has-text-light"],
+ IF!(unread_idx.is_some() => C!["unread"]),
attrs! {
At::Href => urls::thread(&tid)
},
@@ -51,7 +55,7 @@ fn search_results(
div![C!["subject"], &r.subject],
span![C!["from", "is-size-7"], pretty_authors(&r.authors)],
div![
- span![C!["is-size-7"], tags_chiclet(&r.tags, true)],
+ span![C!["is-size-7"], tags_chiclet(&tags, true)],
span![C!["is-size-7", "float-right", "date"], datetime]
]
]
@@ -59,8 +63,8 @@ fn search_results(
});
div![
C!["search-results"],
- view_search_pager(count, pager),
- rows,
- view_search_pager(count, pager),
+ search_toolbar(count, pager),
+ div![C!["index"], rows,],
+ search_toolbar(count, pager),
]
}
diff --git a/web/src/view/mod.rs b/web/src/view/mod.rs
index 973e4fc..53c88ba 100644
--- a/web/src/view/mod.rs
+++ b/web/src/view/mod.rs
@@ -160,7 +160,7 @@ fn view_search_results(
});
div![
- view_search_pager(count, pager),
+ search_toolbar(count, pager),
table![
C![
"table",
@@ -177,11 +177,11 @@ fn view_search_results(
]],
tbody![rows]
],
- view_search_pager(count, pager)
+ search_toolbar(count, pager)
]
}
-fn view_search_pager(count: usize, pager: &FrontPageQuerySearchPageInfo) -> Node {
+fn search_toolbar(count: usize, pager: &FrontPageQuerySearchPageInfo) -> Node {
let start = pager
.start_cursor
.as_ref()