vbatts/mastodon
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve mobile tabs a little

Browse source
This commit is contained in:
Eugen Rochko 2017-04-01 15:17:35 +02:00
parent d93d6f5124
commit 13dfd8d109
2 changed files with 48 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

31
app/assets/stylesheets/components.scss
View file

@ -858,11 +858,25 @@ a.status__content__spoiler-link {
font-size:12px;
font-weight: 500;
border-bottom: 2px solid lighten($color1, 8%);
transition: all 200ms linear;
.fa {
font-weight: 400;
}
&.active {
border-bottom: 2px solid $color4;
color: $color4;
}
&:hover, &:focus, &:active {
background: lighten($color1, 14%);
transition: all 100ms linear;
}
span {
display: none;
}
}
@media screen and (min-width: 360px) {
@ -870,6 +884,22 @@ a.status__content__spoiler-link {
margin: 10px;
margin-bottom: 0;
}
.search {
margin-bottom: 10px;
}
}
@media screen and (min-width: 600px) {
.tabs-bar__link {
.fa {
margin-right: 5px;
}
span {
display: inline;
}
}
}
@media screen and (min-width: 1025px) {
@ -1721,7 +1751,6 @@ button.active i.fa-retweet {
.search {
position: relative;
margin-bottom: 10px;
}
.search__input {