diff options
| author | Fire Demon <firedemon@creature.cafe> | 2020-07-24 23:56:06 -0500 |
|---|---|---|
| committer | Fire Demon <firedemon@creature.cafe> | 2020-08-30 05:45:15 -0500 |
| commit | 9bd0bb4e260d1dee975f4b4e50ca52c04e7c317f (patch) | |
| tree | 405ba30326d276da5146c89d66852afc7415a2a7 /app/javascript/flavours | |
| parent | 9c75c01decf1fbdb32350998c39a9d7fdeb00951 (diff) | |
[UI, Accessibiity] Make dashed nest level indicators optional
Diffstat (limited to 'app/javascript/flavours')
| -rw-r--r-- | app/javascript/flavours/glitch/styles/monsterfork/components/status.scss | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss b/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss index 2df7f1aac..64e454c83 100644 --- a/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss +++ b/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss @@ -26,14 +26,20 @@ } } +div[data-nest-level] { + border-style: solid; +} + @for $i from 0 through 15 { div[data-nest-level="#{$i}"] { - border-left: #{$i * 5}px dashed darken($ui-base-color, 8%); + border-left-width: #{$i * 5}px; + border-left-color: darken($ui-base-color, 8%); } } div[data-nest-deep="true"] { - border-left: 75px dashed darken($ui-base-color, 8%); + border-left-width: 75px; + border-left-color: darken($ui-base-color, 8%); } .status__content { |