From 75e88aa761e89937fa37337eee2a45f7ad646a31 Mon Sep 17 00:00:00 2001 From: julian laplace Date: Wed, 26 Oct 2022 23:20:14 +0200 Subject: filters :) :) yessssssss --- public/assets/css/hootstream.css | 27 +++++++++++++++++++++++++-- views/hootstream/filters.ejs | 15 ++++++++++++--- views/pages/stream.ejs | 18 +++++++++++++++++- 3 files changed, 54 insertions(+), 6 deletions(-) diff --git a/public/assets/css/hootstream.css b/public/assets/css/hootstream.css index 2bee4b2..bcd73f1 100644 --- a/public/assets/css/hootstream.css +++ b/public/assets/css/hootstream.css @@ -297,7 +297,7 @@ #hootfilters { display: flex; - flex-direction: row; + flex-flow: row wrap; justify-content: flex-start; align-items: center; font-size: 11px; @@ -312,6 +312,7 @@ align-items: center; min-width: auto; margin-right: 0.25rem; + white-space: nowrap; } #hootfilters label { cursor: pointer; @@ -417,9 +418,12 @@ #hootform { margin-bottom: 0rem; } - #hootstream { + #hootevents { padding-right: 0; } + #hootfilters .links { + margin: 0.75rem 0.75rem 0 0.75rem; + } #hootevents .userLink { display: none; } @@ -428,6 +432,25 @@ width: auto; margin-left: 2rem; } + #hootevents .hoot .text { + /*flex: 75vw;*/ + flex: 27vw; + } + #hootevents .keyword { + flex: 1; + display: flex; + justify-content: flex-end; + } + #hootevents .keyword, + #hootevents .commentCount, + #hootevents .fileCount, + #hootevents .threadTitle .age { + margin: 0.5rem; + } + #hootevents .threadTitle .age { + margin-right: 0.75rem; + } + #hootevents .avatarLink { margin-left: 0.25rem; } diff --git a/views/hootstream/filters.ejs b/views/hootstream/filters.ejs index 34ac4b9..52319bf 100644 --- a/views/hootstream/filters.ejs +++ b/views/hootstream/filters.ejs @@ -15,9 +15,7 @@ hoots -
- · -
+
sort by
@@ -25,4 +23,15 @@ +
+
+ stream +
+
+ · +
+
+ index +
+
diff --git a/views/pages/stream.ejs b/views/pages/stream.ejs index cd16530..02881e8 100644 --- a/views/pages/stream.ejs +++ b/views/pages/stream.ejs @@ -1,4 +1,20 @@ -<% include ../partials/header %> + + + +bucky + + + + + + + + +
+

<%= title %>

 + <% include ../partials/searchform %> +
+ <% include ../hootstream/index %> -- cgit v1.2.3-70-g09d2