Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Improve trends layout (#7700)

Browse source 
* Allow collapsing trends, responsively hide trends

* Add trends column
This commit is contained in:
Eugen Rochko 2018-06-01 19:18:37 +02:00 • committed by GitHub
parent 69b45350fe
commit 73c0c36e7b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 124 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2178,8 +2178,7 @@ a.account__display-name {
}
.getting-started__wrapper {
position: relative;
overflow-y: auto;
flex: 0 0 auto;
}
.flex-spacer {
@ -2187,7 +2186,6 @@ a.account__display-name {
}
.getting-started {
flex: 1 0 auto;
color: $dark-text-color;
p {
@ -2228,7 +2226,23 @@ a.account__display-name {
&__trends {
background: $ui-base-color;
flex: 1 1 auto;
flex: 0 1 auto;
@media screen and (max-height: 810px) {
.trends__item:nth-child(3) {
display: none;
}
}
@media screen and (max-height: 720px) {
.trends__item:nth-child(2) {
display: none;
}
}
@media screen and (max-height: 670px) {
display: none;
}
}
&__scrollable {
@ -2460,8 +2474,10 @@ a.status-card {
line-height: inherit;
margin: 0;
padding: 15px;
box-sizing: border-box;
width: 100%;
clear: both;
text-decoration: none;
&:hover {
background: lighten($ui-base-color, 2%);