Inactive header in main profile to match column. (#8520)

This commit is contained in:
M Somerville 2018-08-30 22:53:30 +01:00 committed by Eugen Rochko
parent 11658d8653
commit 1bfe735d57
2 changed files with 22 additions and 1 deletions

View file

@ -345,6 +345,23 @@
margin-bottom: 10px; margin-bottom: 10px;
box-shadow: 0 0 15px rgba($base-shadow-color, 0.2); 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 { &__image {
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
overflow: hidden; overflow: hidden;
@ -582,6 +599,10 @@
border-bottom: 4px solid $highlight-text-color; border-bottom: 4px solid $highlight-text-color;
opacity: 1; opacity: 1;
} }
&.inactive::after {
border-bottom-color: $secondary-text-color;
}
} }
&:hover { &:hover {

View file

@ -1,4 +1,4 @@
.public-account-header .public-account-header{:class => ("inactive" if account.moved?)}
.public-account-header__image .public-account-header__image
= image_tag account.header.url, class: 'parallax' = image_tag account.header.url, class: 'parallax'
.public-account-header__bar .public-account-header__bar