Inactive header in main profile to match column. (#8520)
This commit is contained in:
parent
11658d8653
commit
1bfe735d57
2 changed files with 22 additions and 1 deletions
|
@ -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 {
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue