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

Port 30e1da7668 to glitch-soc
This commit is contained in:
Thibaut Girka
2018-07-11 18:06:52 +02:00
committed by ThibG
parent 017628fd00
commit debc6544d9
3 changed files with 58 additions and 38 deletions

View File

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