IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-12-02 13:39:36 -06:00
Code Issues Packages Projects Releases Wiki Activity

Correct user-card positioning for rtl layouts

Browse Source
This commit is contained in:
Simon Cossar 2015-06-18 19:28:02 -07:00
parent 0dfb9261ea
commit 1bdf43d5cc
1 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
app/assets/javascripts/discourse/views/user-card.js.es6
View File

@ -84,18 +84,32 @@ export default Discourse.View.extend(CleansUp, {
},
_willShow(target) {
//const direction = $('html').css('direction');
if (!target) { return; }
const width = this.$().width();
Ember.run.schedule('afterRender', () => {
if (target) {
let position = target.offset();
if (position) {
position.left += target.width() + 10;
const overage = ($(window).width() - 50) - (position.left + width);
if (overage < 0) {
position.left += overage;
position.top += target.height() + 48;
// Check for a right to left layout
if (($('html').css('direction')) === 'rtl') {
position.right = $(window).width() - position.left + 10;
position.left = 'auto';
const overage = ($(window).width() - 50) - (position.right + width);
if (overage < 0) {
position.right += overage;
position.top += target.height() + 48;
}
} else { // The site direction is ltr
position.left += target.width() + 10;
const overage = ($(window).width() - 50) - (position.left + width);
if (overage < 0) {
position.left += overage;
position.top += target.height() + 48;
}
}
position.top -= $('#main-outlet').offset().top;