tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix up timeout, improve contrast on "show more", add responsive style

Browse Source 
for extremely wide monitors
This commit is contained in:
Eugen Rochko
2017-01-26 18:48:56 +01:00
parent cc5c1e5feb
commit 7329fbd8a4
4 changed files with 34 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
app/assets/stylesheets/components.scss
View File

@ -139,10 +139,10 @@
}
.status__content__spoiler-link {
background: lighten($color1, 26%);
background: lighten($color1, 30%);
&:hover {
background: lighten($color1, 29%);
background: lighten($color1, 33%);
text-decoration: none;
}
}
@ -261,6 +261,15 @@
.status__avatar {
opacity: 0.5;
}
.status__content__spoiler-link {
background: lighten($color1, 26%);
&:hover {
background: lighten($color1, 29%);
text-decoration: none;
}
}
}
.notification__display-name {
@ -354,6 +363,7 @@
.columns-area {
flex-direction: row;
justify-content: flex-start;
}
@media screen and (min-width: 360px) {
@ -371,6 +381,19 @@
width: 280px;
}
@media screen and (min-width: 2560px) {
.columns-area {
justify-content: center;
}
.column, .drawer {
width: 350px;
border-radius: 4px;
height: 90vh;
margin-top: 5vh;
}
}
.drawer__inner {
background: linear-gradient(rgba(lighten($color1, 13%), 1), rgba(lighten($color1, 13%), 0.65));
}