diff --git a/public/style.css b/public/style.css index 90e5641..c374adf 100644 --- a/public/style.css +++ b/public/style.css @@ -64,6 +64,7 @@ a:hover { .status-body { flex: 1; min-width: 0; + margin-left: 58px; } .media-heading { @@ -266,10 +267,6 @@ nav { flex-basis: 300px; } -.status-body { - margin-left: 58px; -} - .avatar { float: left; margin-top: 3px; @@ -477,16 +474,22 @@ nav { margin-bottom: 10px; } -.after-tweet .status-el::before, .before-tweet .status-el::before, .thread .status-el::before { +.thread-line .status-el::before { background: #8a3731; content: ''; position: relative; width: 3px; + min-width: 3px; left: 26px; + border-radius: 2px; + margin-left: -3px; top: 56px; margin-bottom: 37px; - margin-left: -3px; - border-radius: 2px; +} + +.thread-line .unavailable::before { + top: 40px; + margin-bottom: 19px; } .thread-last .status-el::before { @@ -633,6 +636,15 @@ video { font-size: 20px; } +.unavailable-box { + width: 100%; + height: 100%; + padding: 8px; + border: solid 1px #404040; + border-radius: 10px; + background-color: #121212; +} + .quote { margin-top: 10px; border: solid 1px #404040; diff --git a/src/types.nim b/src/types.nim index 24086fe..e0fe53a 100644 --- a/src/types.nim +++ b/src/types.nim @@ -73,6 +73,7 @@ type gif*: Option[Gif] video*: Option[Video] photos*: seq[string] + available*: bool Tweets* = seq[Tweet] diff --git a/src/views/tweet.nimf b/src/views/tweet.nimf index a060bea..d14927f 100644 --- a/src/views/tweet.nimf +++ b/src/views/tweet.nimf @@ -122,6 +122,7 @@ #if divClass.len > 0: