diff options
| author |  tobi <31960611+tsmethurst@users.noreply.github.com> | 2024-07-12 20:36:03 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com> | 2024-07-12 20:36:03 +0200 |
| commit | aeb65bceae97611b8931de2e954df18afedd812f (patch) | |
| tree | 74e6f7ecb86c8affcfef99994cbf21d9133a2b56 /web/source | |
| parent | [feature] support processing of (many) more media types (#3090) (diff) | |
| download | gotosocial-aeb65bceae97611b8931de2e954df18afedd812f.tar.xz | |
[feature/frontend] Better visual separation between "main" thread and "replies" (#3093)
* [feature/frontend] Better web threading model
* fix test
* bwap
* tweaks
* more tweaks to wording
* typo
* indenting
* adjust wording
* aaa
Diffstat (limited to 'web/source')
| -rw-r--r-- | web/source/css/thread.css | 39 |
1 files changed, 37 insertions, 2 deletions
diff --git a/web/source/css/thread.css b/web/source/css/thread.css index f421d82a7..4f4e3e938 100644 --- a/web/source/css/thread.css +++ b/web/source/css/thread.css @@ -17,11 +17,14 @@ along with this program. If not, see <http://www.gnu.org/licenses/>. */ -.thread { +.thread, +.thread-wrapper { display: flex; flex-direction: column; gap: 0.4rem; +} +.thread { /* This column header might contain quite some info, so let it wrap. @@ -42,8 +45,40 @@ } .status { - border-radius: 0; + + &.indent-1 { + margin-left: 0.5rem; + } + + &.indent-2 { + margin-left: 1rem; + } + + &.indent-3 { + margin-left: 1.5rem; + } + + &.indent-4 { + margin-left: 2rem; + } + + &.indent-5 { + margin-left: 2.5rem; + } + + &.indent-1, + &.indent-2, + &.indent-3, + &.indent-4, + &.indent-5 { + .status-link { + margin-left: -0.5rem; + border-left: 0.1rem dashed $border-accent; + } + } + + border-radius: 0; &:last-child { border-bottom-left-radius: $br; border-bottom-right-radius: $br; |