diff options
| author | Fire Demon <firedemon@creature.cafe> | 2020-07-18 15:03:20 -0500 |
|---|---|---|
| committer | Fire Demon <firedemon@creature.cafe> | 2020-08-30 05:43:07 -0500 |
| commit | 629847488ba4c8d8fe1aa4883271bed506eaab15 (patch) | |
| tree | 5030cef4c32fe688bf51eeffc874ce054b91954c /app/javascript/flavours/glitch/styles/monsterfork/components | |
| parent | af8a1309bde2a85bd94d06f3f152ae6355677095 (diff) | |
[Feature, UI] Visualize thread nesting in Web app
Diffstat (limited to 'app/javascript/flavours/glitch/styles/monsterfork/components')
| -rw-r--r-- | app/javascript/flavours/glitch/styles/monsterfork/components/status.scss | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss b/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss index e64f21a21..f7b3a8ccd 100644 --- a/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss +++ b/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss @@ -6,3 +6,17 @@ font-size: 12px; } } + +@for $i from 0 through 15 { + div[data-nest-level="#{$i}"] { + border-left: #{$i * 5}px solid darken($ui-base-color, 8%); + } +} + +div[data-nest-deep="true"] { + border-left: 75px solid darken($ui-base-color, 8%); +} + +.status, .detailed-status { + border-bottom: 1px solid darken($ui-base-color, 8%); +} \ No newline at end of file |