1115121 - Events are listed on RTL way on squeezed/mobile version of portal

Status: VERIFIED FIXED

(Mozilla Reps Graveyard :: reps.mozilla.org, task)

Description

[Ioana Chiorean]

Attachment: Screenshot 2014-12-23 22.47.33.png

Steps:
1. Go to https://reps.mozilla.org/ on desktop
2. Make the window smaller so you get the "mobile" version
3. Go to Events section

Expected results:
- events are aligned on left side like in he regular large version

Actual Results:
- events are aligned on right side like in an arabic version

Comment 1

[Ioana Chiorean]

On a second tough this might be intended but looks a bit strange for events with longer names ( 2 lines ) and that is a pretty common case for mobile version.

Comment 2

[Tasos Katsoulas [:tasos]]

I would agree with comment 1 that it's intended. Maybe Wray has a better suggestion for this.

Comment 3

[Wray Bowling [:wbowling]]

Attachment: Screen Shot 2015-01-02 at 11.36.25 AM.png

Looking at the stylesheet, I can see that it was intentional. Even though the direction is "ltr", the text-align is set to "right".

It would definitely look better to be left-aligned in LTR mode. I mocked it up here roughly for just one row. Doing it for the whole page will require changing the template some.

Comment 4

[Ioana Chiorean]

My personal opinion is that it looks better (left-aligned in LTR mode) .

Comment 5

[[github robot]]

Commits pushed to master at https://github.com/mozilla/remo

https://github.com/mozilla/remo/commit/22ef9f0405ae7d13bab753f652034a8a8fdac1d8
[fix bug 1115121] Align left the event name in mobile version.

https://github.com/mozilla/remo/commit/ba24e9c5a278fd968c78b3c945c1654d6b39d181
Merge pull request #900 from akatsoulas/1115121-rtl

[fix bug 1115121] Align left the event name in mobile version.

Comment 6

[Tasos Katsoulas [:tasos]]

Verified on stage that in mobile version the event are aligned on the left side.