autonomic-cooperative/hometown
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #22 from emmawinston/small-screens-bugfix

Browse Source 
CSS changes for single-column view on smaller screens
This commit is contained in:
Darius Kazemi 2019-09-23 21:53:57 -07:00 committed by GitHub
commit 47a19a64e7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
app/javascript/styles/mastodon/components.scss
View File

@ -1570,6 +1570,11 @@ a.account__display-name {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@media screen and (max-width: 1550px) {
resize: vertical;
}
} }
.display-name__html { .display-name__html {
@ -1878,6 +1883,13 @@ a.account__display-name {
width: 285px; width: 285px;
pointer-events: auto; pointer-events: auto;
height: 100%; height: 100%;
@media screen and (max-width: 1550px) {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 10px;
}
} }
} }
@ -2261,6 +2273,12 @@ a.account__display-name {
height: calc(100% - 10px); height: calc(100% - 10px);
overflow-y: hidden; overflow-y: hidden;
@media screen and (max-width: 1550px) {
height: auto;
min-height: 100%;
overflow-y: visible;
}
.navigation-bar { .navigation-bar {
padding-top: 20px; padding-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
@ -2287,6 +2305,11 @@ a.account__display-name {
background-color: $white; background-color: $white;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
flex: 0 1 auto; flex: 0 1 auto;
@media screen and (max-width: 1550px) {
overflow-y: visible;
}
} }
.autosuggest-textarea__textarea { .autosuggest-textarea__textarea {