Hides superluous details on small screens (#2175)
* Hides superluous details on small screans. * Addressed feedback from #2175.
This commit is contained in:
@ -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 {
|
||||
|
Reference in New Issue
Block a user