Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Fix “new items glow” being displayed above settings and announcements (#12958)

Browse source
This commit is contained in:
ThibG 2020-01-25 19:40:36 +01:00 • committed by Eugen Rochko
parent c06d2ff437
commit 90b13ffd00
3 changed files with 16 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
app/javascript/styles/mastodon/components.scss
View file

@ -3224,13 +3224,16 @@ a.status-card.compact:hover {
.column-header__wrapper {
position: relative;
flex: 0 0 auto;
z-index: 1;
&.active {
box-shadow: 0 1px 0 rgba($highlight-text-color, 0.3);
&::before {
display: block;
content: "";
position: absolute;
top: 35px;
bottom: -13px;
left: 0;
right: 0;
margin: 0 auto;
@ -3241,6 +3244,11 @@ a.status-card.compact:hover {
background: radial-gradient(ellipse, rgba($ui-highlight-color, 0.23) 0%, rgba($ui-highlight-color, 0) 60%);
}
}
.announcements {
z-index: 1;
position: relative;
}
}
.column-header {
@ -3273,8 +3281,6 @@ a.status-card.compact:hover {
}
&.active {
box-shadow: 0 1px 0 rgba($highlight-text-color, 0.3);
.column-header__icon {
color: $highlight-text-color;
text-shadow: 0 0 10px rgba($highlight-text-color, 0.4);
@ -3330,6 +3336,8 @@ a.status-card.compact:hover {
color: $darker-text-color;
transition: max-height 150ms ease-in-out, opacity 300ms linear;
opacity: 1;
z-index: 1;
position: relative;
&.collapsed {
max-height: 0;