diff options
author | Fire Demon <firedemon@creature.cafe> | 2020-08-14 17:02:29 -0500 |
---|---|---|
committer | Fire Demon <firedemon@creature.cafe> | 2020-08-30 05:45:18 -0500 |
commit | f108ff87f30477f97a05a50b2e82a07243b19cda (patch) | |
tree | 1c472535e64a353bbb4796c041582c276bc29ecb /app/javascript/flavours/glitch/styles/monsterfork | |
parent | 46b6dbe95350f1294746e088a0854312ae9343e8 (diff) |
[UI] Show all body tags
Diffstat (limited to 'app/javascript/flavours/glitch/styles/monsterfork')
-rw-r--r-- | app/javascript/flavours/glitch/styles/monsterfork/components/status.scss | 84 |
1 files changed, 55 insertions, 29 deletions
diff --git a/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss b/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss index 2976f6807..562be1975 100644 --- a/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss +++ b/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss @@ -2,7 +2,8 @@ margin-bottom: 1em; } -.status__notice-wrapper:empty { +.status__notice-wrapper:empty, +.status__footers:empty { display: none; } @@ -23,45 +24,70 @@ } } -.status__permissions { +.status__footers { font-size: 12px; margin-top: 1em; - & > summary { - font-size: 12px; - - &:focus, &:active { - outline: none; + & > details { + & > summary { + &:focus, &:active { + outline: none; + } + } + + & > summary > span, + & > ul > li > span, + & > ul > li > a { + color: lighten($dark-text-color, 4%); + padding-left: 8px; } } - & > summary > span, - & > ul > li > span { - color: lighten($dark-text-color, 4%); - padding-left: 8px; - } - - & > ul > li > span > span:first-child { - display: inline-block; - text-transform: capitalize; - min-width: 5em; - } + .status__tags { + & > ul { + display: flex; + flex-direction: row; + flex-wrap: wrap; + } - & > summary > i { - color: #999966; - } + & > ul > li { + list-style: none; + display: inline-block; + width: 50%; + } - & > ul > li.permission-status > i { - color: #99cccc; + & > summary > i, + & > ul > li > i { + color: #669999; + } } - & > ul > li.permission-account > i { - color: #cc99cc; - } + .status__permissions { + & > summary > i { + color: #999966; + } - & > ul > li > span > span, - & > ul > li > span > code { - color: lighten($primary-text-color, 30%); + & > ul > li { + &.permission-status > i { + color: #99cccc; + } + + &.permission-account > i { + color: #cc99cc; + } + + & > span { + & > span, & > code { + color: lighten($primary-text-color, 30%); + } + + & > span:first-child { + display: inline-block; + text-transform: capitalize; + min-width: 5em; + } + } + } } } |