me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

[Glitch] Inactive header in main profile to match column

Browse source 
Port 2903971e04 to glitch-soc
This commit is contained in:
Thibaut Girka 2018-08-31 19:47:53 +02:00 committed by ThibG
parent 725735af14
commit ea2054e2f5
1 changed files with 21 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
app/javascript/flavours/glitch/styles/containers.scss
View file

@ -347,6 +347,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;
@ -588,6 +605,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 {