[Glitch] Add follow button to detailed status, add gradient to mask bio cut-off (fixes #566)

Port 5294f3a1d2 to glitch-soc
th-downstream
Thibaut Girka 6 years ago committed by ThibG
parent 01603fc823
commit 78fcb67c12

@ -443,6 +443,20 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
height: 5.5em; height: 5.5em;
position: relative;
&::after {
display: block;
content: "";
width: 100%;
height: 100px;
position: absolute;
bottom: 0;
background: linear-gradient(to bottom, rgba($simple-background-color, 0.01) 0%, rgba($simple-background-color, 1) 100%);
left: 0;
border-radius: 0 0 4px 4px;
pointer-events: none;
}
} }
} }
} }

@ -18,3 +18,9 @@
background: url('~images/elephant_ui_plane.svg') no-repeat left bottom / contain; background: url('~images/elephant_ui_plane.svg') no-repeat left bottom / contain;
} }
} }
@media screen and (max-width: 600px) {
.account-header {
margin-top: 0;
}
}

@ -312,53 +312,53 @@
.embed { .embed {
.activity-stream { .activity-stream {
box-shadow: none; box-shadow: none;
}
}
.entry { .entry {
.detailed-status.light {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
.detailed-status__display-name { .detailed-status.light {
flex: 1; display: flex;
margin: 0 5px 15px 0; flex-wrap: wrap;
} justify-content: space-between;
align-items: flex-start;
.button.button-secondary.logo-button { .detailed-status__display-name {
flex: 0 auto; flex: 1;
font-size: 14px; margin: 0 5px 15px 0;
}
svg { .button.button-secondary.logo-button {
width: 20px; flex: 0 auto;
height: auto; font-size: 14px;
vertical-align: middle;
margin-right: 5px;
path:first-child { svg {
fill: $ui-primary-color; width: 20px;
} height: auto;
vertical-align: middle;
margin-right: 5px;
path:last-child { path:first-child {
fill: $simple-background-color; fill: $ui-primary-color;
} }
}
&:active, path:last-child {
&:focus, fill: $simple-background-color;
&:hover {
svg path:first-child {
fill: lighten($ui-primary-color, 4%);
}
}
} }
}
.status__content, &:active,
.detailed-status__meta { &:focus,
flex: 100%; &:hover {
svg path:first-child {
fill: lighten($ui-primary-color, 4%);
} }
} }
} }
.status__content,
.detailed-status__meta {
flex: 100%;
}
} }
} }

Loading…
Cancel
Save