gitea/nas
1
0
Fork 2
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Add follow button to detailed status, add gradient to mask bio cut-off (#7979)

Browse source 
* Add follow button to detailed status, add gradient to mask bio cut-off

* In landing strip, show sign up link even if closed (different href)

Point to joinmastodon.org
This commit is contained in:
Eugen Rochko 2018-07-07 22:20:14 +02:00 • committed by GitHub
parent 6b9e03e002
commit 30e1da7668
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 65 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

85
app/javascript/styles/mastodon/stream_entries.scss
View file

@ -307,58 +307,57 @@
.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;
background: $ui-highlight-color;
color: $primary-text-color;
border: 0;
svg {
width: 20px;
height: auto;
vertical-align: middle;
margin-right: 5px;
path:first-child {
fill: $primary-text-color;
}
.button.button-secondary.logo-button {
flex: 0 auto;
font-size: 14px;
background: $ui-highlight-color;
color: $primary-text-color;
border: 0;
svg {
width: 20px;
height: auto;
vertical-align: middle;
margin-right: 5px;
path:first-child {
fill: $primary-text-color;
}
path:last-child {
fill: $ui-highlight-color;
}
}
&:active,
&:focus,
&:hover {
background: lighten($ui-highlight-color, 10%);
svg path:last-child {
fill: lighten($ui-highlight-color, 10%);
}
}
path:last-child {
fill: $ui-highlight-color;
}
}
.status__content,
.detailed-status__meta {
flex: 100%;
&:active,
&:focus,
&:hover {
background: lighten($ui-highlight-color, 10%);
svg path:last-child {
fill: lighten($ui-highlight-color, 10%);
}
}
}
.status__content,
.detailed-status__meta {
flex: 100%;
}
}
}