diff options
| -rw-r--r-- | public/assets/css/hootstream.css | 32 | ||||
| -rw-r--r-- | public/assets/js/lib/views/details/audio.js | 6 | ||||
| -rw-r--r-- | views/hootstream/templates.ejs | 2 |
3 files changed, 32 insertions, 8 deletions
diff --git a/public/assets/css/hootstream.css b/public/assets/css/hootstream.css index ad51f3f..a8cd0d7 100644 --- a/public/assets/css/hootstream.css +++ b/public/assets/css/hootstream.css @@ -44,6 +44,9 @@ margin-bottom: 0.5rem; width: 100%; } +#hootevents .hoot.threadTitle { + /*align-items: flex-end;*/ +} #hootevents .hootText { max-width: 60rem; transition: opacity 0.2s; @@ -135,17 +138,17 @@ #hootevents .divider { border-top: 0; border-bottom: 1px solid rgba(88, 88, 88, 0.4); - margin: 0 auto; - width: 80%; - height: 0rem; - margin-bottom: 1rem; + margin: 0; + padding-top: 0rem; + margin-left: 8.25rem; + width: calc(100% - 12rem); + height: 0; } #hootevents .divider.dark { border-top: 1px solid rgba(88, 88, 88, 0.4); + padding-top: 0; + padding-bottom: 0.5rem; border-bottom: 0; - height: 1rem; - margin-bottom: 0rem; - margin-top: 0rem; } #hootevents .thread { background: linear-gradient( @@ -154,6 +157,11 @@ rgba(127, 127, 127, 0.05), rgba(127, 127, 127, 0) ); + margin-top: 1rem; + margin-bottom: 1rem; +} +#hootevents .thread + .thread { + margin-top: 0; } /** LastLog */ @@ -182,8 +190,14 @@ margin-left: 8rem; margin-bottom: 1rem; } +#hootevents .fileList a.playing { + color: #6bf; + font-weight: bold; + opacity: 1 !important; +} #hootevents .fileList .playing:before { content: "▷ "; + font-size: 11px; } #hootevents .fileRow { width: 100%; @@ -429,4 +443,8 @@ margin-right: 0; padding: 0.25rem 0.25rem 0.75rem 0.25rem; } + #hootevents .divider { + margin-left: 1.75rem; + width: calc(100% - 4rem); + } } diff --git a/public/assets/js/lib/views/details/audio.js b/public/assets/js/lib/views/details/audio.js index 6c20e78..30c5efd 100644 --- a/public/assets/js/lib/views/details/audio.js +++ b/public/assets/js/lib/views/details/audio.js @@ -8,14 +8,20 @@ var audio = (function () { var selected = false; var playing = false; var built = false; + var initted = false; audio.init = function () { + if (initted) { + audio.index(); + return; + } comment = document.querySelector("#comment"); parent = document.querySelector("#audio"); audio.index(); audio.build(); el.src = music[0]; + initted = true; }; audio.index = function () { diff --git a/views/hootstream/templates.ejs b/views/hootstream/templates.ejs index 9e9a114..4d0aced 100644 --- a/views/hootstream/templates.ejs +++ b/views/hootstream/templates.ejs @@ -12,7 +12,7 @@ </script> <script class="threadTemplate" type="text/html"> - <div class="{{className}}"> + <div class="threadTitle {{className}}"> <a class="userLink" href="/stream/profile/{{username}}" style="opacity: {{thread_opacity}}"> {{username}} </a> |