Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

FIX: twitter onebox styling was poor on mobile

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;
}
}
// thumbnail, oddly, ONLY applies to twitter avatar
.onebox.twitterstatus {
.thumbnail {
float: left;
width: 48px;
height: 48px;
}
p, .tweet {
float: left;
display: inline-block;
white-space: pre-wrap;
padding-top: 3px;
width: 85%;
width: 580px;
}
.date {
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 {
.outer-box {