Thread: display status connectors (basic threading)
This commit is contained in:
parent
cb0a034e85
commit
5807b8f823
3 changed files with 29 additions and 0 deletions
BIN
app/soapbox/features/status/components/thread_status.js
Normal file
BIN
app/soapbox/features/status/components/thread_status.js
Normal file
Binary file not shown.
Binary file not shown.
|
@ -157,3 +157,32 @@
|
||||||
float: left;
|
float: left;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.thread {
|
||||||
|
&__status {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__connector {
|
||||||
|
background: hsla(var(--primary-text-color_hsl), 0.2);
|
||||||
|
position: absolute;
|
||||||
|
width: 2px;
|
||||||
|
left: 33px;
|
||||||
|
display: none;
|
||||||
|
|
||||||
|
&--bottom {
|
||||||
|
height: calc(100% - 8px - 48px - 14px);
|
||||||
|
top: calc(8px + 48px + 13px);
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 630px) {
|
||||||
|
left: 38px;
|
||||||
|
|
||||||
|
&--bottom {
|
||||||
|
height: calc(100% - 15px - 48px);
|
||||||
|
top: calc(15px + 48px + 9px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue