github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-05-14 02:03:42 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FIX: twitter onebox styling was poor on mobile

Browse Source
This commit is contained in:
Jeff Atwood 2017-02-08 17:08:40 -08:00
parent 3b4248b454
commit fe32c64dd9
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/stylesheets/common/base/onebox.scss
View File

@ -292,16 +292,19 @@ aside.onebox.twitterstatus .onebox-body {
margin-bottom: 0; margin-bottom: 0;
} }
} }
// thumbnail, oddly, ONLY applies to twitter avatar
.onebox.twitterstatus { .onebox.twitterstatus {
.thumbnail { .thumbnail {
float: left; width: 48px;
height: 48px;
} }
p, .tweet { p, .tweet {
float: left; float: left;
display: inline-block; display: inline-block;
white-space: pre-wrap; white-space: pre-wrap;
padding-top: 3px; padding-top: 3px;
width: 85%; width: 580px;
} }
.date { .date {
clear: left; clear: left;
@ -309,6 +312,11 @@ aside.onebox.twitterstatus .onebox-body {
} }
} }
// only use percentages on mobile
.mobile-view .onebox.twitterstatus div.tweet {
width: 81%;
}
// Onebox - Imgur - Album // Onebox - Imgur - Album
.onebox.imgur-album { .onebox.imgur-album {
.outer-box { .outer-box {