Discourse/discourse
Discourse/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-09-12 21:10:47 +08:00
Code Packages Activity Actions 7

Merge pull request #5596 from discourse/mobile-landscape-timeline

Browse source 
UX: Make mobile timeline extra short in landscape
This commit is contained in:
Robin Ward 2018-02-15 11:34:03 -08:00 • committed by GitHub
commit 32e8cef0ad
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

9
app/assets/stylesheets/common/topic-timeline.scss
View file

@ -32,6 +32,9 @@
&.timeline-fullscreen.show {
max-height: 700px;
transition: max-height 0.4s ease-out;
@media screen and (max-height: 425px) {
max-height: 75vh;
}
.topic-timeline {
.timeline-footer-controls {
display: inherit;
@ -52,6 +55,9 @@
box-shadow: 0px -2px 4px -1px rgba(0,0,0,.25);
padding-top: 20px;
z-index: z("fullscreen");
@media screen and (max-height: 425px) {
padding-top: 10px;
}
.back-button {
display: none;
}
@ -77,6 +83,9 @@
display: block;
display: -webkit-box;
-webkit-line-clamp: 8;
@media screen and (max-height: 425px) {
-webkit-line-clamp: 5;
}
-webkit-box-orient: vertical;
}
.username {