Hides superluous details on small screens (#2175)
* Hides superluous details on small screans. * Addressed feedback from #2175.
This commit is contained in:
parent
74c474a652
commit
78af88e1f4
5 changed files with 29 additions and 14 deletions
|
@ -1183,10 +1183,17 @@ a.status__content__spoiler-link {
|
|||
.column-link {
|
||||
background: lighten($color1, 8%);
|
||||
color: $color5;
|
||||
display: block;
|
||||
|
||||
&:hover {
|
||||
background: lighten($color1, 11%);
|
||||
}
|
||||
|
||||
&.hidden-on-mobile {
|
||||
@media screen and (max-width: 1024px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.autosuggest-textarea, .spoiler-input {
|
||||
|
@ -1382,6 +1389,12 @@ button.icon-button.active i.fa-retweet {
|
|||
color: $color4;
|
||||
text-shadow: 0 0 10px rgba($color4, 0.4);
|
||||
}
|
||||
|
||||
&.hidden-on-mobile {
|
||||
@media screen and (max-width: 1024px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.loading-indicator {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue