diff options
| author | Thibaut Girka <thib@sitedethib.com> | 2018-08-31 19:47:53 +0200 |
|---|---|---|
| committer | ThibG <thib@sitedethib.com> | 2018-09-03 18:18:24 +0200 |
| commit | 27ee42299b5eeecd6c4b5b6ec5b2b9652c7a4fd7 (patch) | |
| tree | 4305a60170cfbec03dbb8f5167596f36280a2d4a /app/javascript/flavours/glitch/styles/containers.scss | |
| parent | a8de13c03156ed7e074f795b959435ab5b4fce0f (diff) | |
[Glitch] Inactive header in main profile to match column
Port 1bfe735d574fdbb01b1aea07db6c69fb3a32b90f to glitch-soc
Diffstat (limited to 'app/javascript/flavours/glitch/styles/containers.scss')
| -rw-r--r-- | app/javascript/flavours/glitch/styles/containers.scss | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/containers.scss b/app/javascript/flavours/glitch/styles/containers.scss index b5d79f4d7..17901f233 100644 --- a/app/javascript/flavours/glitch/styles/containers.scss +++ b/app/javascript/flavours/glitch/styles/containers.scss @@ -347,6 +347,23 @@ margin-bottom: 10px; box-shadow: 0 0 15px rgba($base-shadow-color, 0.2); + &.inactive { + opacity: 0.5; + + .public-account-header__image, + .avatar { + filter: grayscale(100%); + } + + .logo-button { + background-color: $secondary-text-color; + + svg path:last-child { + fill: $secondary-text-color; + } + } + } + &__image { border-radius: 4px 4px 0 0; overflow: hidden; @@ -588,6 +605,10 @@ border-bottom: 4px solid $highlight-text-color; opacity: 1; } + + &.inactive::after { + border-bottom-color: $secondary-text-color; + } } &:hover { |