Reduce column margins, fix body scroll issue.
This commit is contained in:
parent
037d62114f
commit
89c5a62074
|
@ -1,6 +1,12 @@
|
||||||
body {
|
body {
|
||||||
font-family: Roboto, sans-serif;
|
font-family: Roboto, sans-serif;
|
||||||
padding: 10px 0 0 0;
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 992px) {
|
||||||
|
html, body {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Alert messages */
|
/* Alert messages */
|
||||||
|
@ -37,13 +43,12 @@ body {
|
||||||
/* Columns */
|
/* Columns */
|
||||||
|
|
||||||
.column {
|
.column {
|
||||||
padding-left: 5px;
|
padding: 0;
|
||||||
padding-right: 5px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.column .panel {
|
.column .panel {
|
||||||
min-height: calc(100vh - 20px);
|
height: 100vh;
|
||||||
max-height: calc(100vh - 20px);
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.column .panel.draft, .column .panel.options {
|
.column .panel.draft, .column .panel.options {
|
||||||
|
@ -57,7 +62,7 @@ body {
|
||||||
.timeline {
|
.timeline {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
max-height: calc(100vh - 60px);
|
max-height: calc(100vh - 45px);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
@ -69,7 +74,7 @@ body {
|
||||||
#favorite-timeline,
|
#favorite-timeline,
|
||||||
#local-timeline,
|
#local-timeline,
|
||||||
#global-timeline {
|
#global-timeline {
|
||||||
max-height: calc(100vh - 102px);
|
max-height: calc(100vh - 80px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -78,7 +83,7 @@ li.load-more {
|
||||||
}
|
}
|
||||||
|
|
||||||
.notifications-panel .timeline {
|
.notifications-panel .timeline {
|
||||||
max-height: calc(100vh - 100px);
|
max-height: calc(100vh - 80px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel a {
|
.panel a {
|
||||||
|
@ -228,6 +233,8 @@ li.load-more {
|
||||||
margin-left: 60px;
|
margin-left: 60px;
|
||||||
color: #efefef;
|
color: #efefef;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-text a, .u-url, .status .mention, .hashtag, .tag {
|
.status-text a, .u-url, .status .mention, .hashtag, .tag {
|
||||||
|
|
Loading…
Reference in New Issue