codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2024-11-27 17:46:05 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

UX: Improve icon positioning on mobile

Browse source
This commit is contained in:
Robin Ward 2016-03-23 14:44:16 -04:00
parent f0552af5f1
commit e0347b18da
2 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/assets/javascripts/discourse/lib/plugin-api.js.es6
View file

@ -75,7 +75,9 @@ class PluginApi {
* ```
**/
addPosterIcon(cb) {
decorateWidget('poster-name:after', dec => {
const mobileView = this.container.lookup('site:main').mobileView;
const loc = mobileView ? 'before' : 'after';
decorateWidget(`poster-name:${loc}`, dec => {
const attrs = dec.attrs;
const result = cb(attrs.userCustomFields || {}, attrs);
@ -102,7 +104,7 @@ class PluginApi {
}
return dec.h('span',
return dec.h('span.poster-icon',
{ className: result.className, attributes: { title: result.title } },
iconBody);
}

6
app/assets/stylesheets/mobile/topic-post.scss
View file

@ -486,9 +486,13 @@ span.highlighted {
.names {
margin: 5px 0 0 5px;
line-height: 17px;
span {
span.full-name, span.user-title, span.username {
display: block;
}
.poster-icon {
float: right;
}
}
.post-info {
float: right;