Latte

RTL compatibility - Latte

RTL compatibility

by yasser33311 » Tue Sep 29, 2015 3:09 pm

current version of your graet style not compatible with rtl (arabic) langues:
demo: http://tajribaty.com/forum/index.php?style=21
:cry:
Attachments
rtlarabic.png
rtlarabic.png (16.26 KiB) Viewed 149 times
PhpBB Services - install, update, upgrade, customize: PM
User avatar
yasser33311
Registered User
Posts: 274
Joined: Sat Jul 27, 2013 1:27 pm
Location: algeria
Name: yasser ghe
Contact:

Re: RTL compatibility

by yasser33311 » Tue Apr 12, 2016 9:30 pm

up
PhpBB Services - install, update, upgrade, customize: PM
User avatar
yasser33311
Registered User
Posts: 274
Joined: Sat Jul 27, 2013 1:27 pm
Location: algeria
Name: yasser ghe
Contact:

Re: RTL compatibility

by koraldon » Mon Apr 02, 2018 6:09 am

Any news regarding RTL support?
koraldon
Registered User
Posts: 529
Joined: Sat Jun 30, 2007 12:42 pm
Contact:

Re: RTL compatibility

by MrGaby » Mon Apr 02, 2018 8:40 am

Hello

The current version (Latte 3.2.2.1 with phpBB 3.2.2) should be RTL compatible.
If you like my work, you can support me with a donation. Thanks!
Donate via Paypal
MrGaby
Registered User
Posts: 216
Joined: Sun Apr 02, 2017 8:04 pm
Contact:

Re: RTL compatibility

by koraldon » Mon Apr 02, 2018 1:27 pm

Great will test it later :)
koraldon
Registered User
Posts: 529
Joined: Sat Jun 30, 2007 12:42 pm
Contact:

Re: RTL compatibility

by yasser33311 » Mon Apr 02, 2018 5:17 pm

MrGaby wrote:Hello

The current version (Latte 3.2.2.1 with phpBB 3.2.2) should be RTL compatible.
thank you
PhpBB Services - install, update, upgrade, customize: PM
User avatar
yasser33311
Registered User
Posts: 274
Joined: Sat Jul 27, 2013 1:27 pm
Location: algeria
Name: yasser ghe
Contact:

Re: RTL compatibility

by koraldon » Mon Apr 02, 2018 8:29 pm

Hi,
I still see some RTL Issues. Desktop
Icons at top bar, wrong location -
Capture.JPG
Last post information is at the center and not at the side:
Capture2.JPG
Subforums listing have a large space on the right (Question, can I use a FA icon to the change the sub-forum icon?):
Capture3.JPG
Pagination in forum is not correct, also some background issue:
Capture4.JPG
When Mouseover forum name, tooltip appears in wrong location
Capture41.JPG
Now responsive
This button at navigation is too big and causes also layout issues:
Capture5.JPG
Avatar is at wrong side (as well as online ribbon):
Capture51.JPG
Thanks for the great style
koraldon
Registered User
Posts: 529
Joined: Sat Jun 30, 2007 12:42 pm
Contact:

Re: RTL compatibility

by yasser33311 » Tue Apr 03, 2018 12:16 pm

purge the cache
PhpBB Services - install, update, upgrade, customize: PM
User avatar
yasser33311
Registered User
Posts: 274
Joined: Sat Jul 27, 2013 1:27 pm
Location: algeria
Name: yasser ghe
Contact:

Re: RTL compatibility

by koraldon » Tue Apr 03, 2018 5:19 pm

I have purged the cache multiple times, deleted the style and re-uploaded as well as using a different computer so no browser cache - all the above is still there
Do you see it okay?
koraldon
Registered User
Posts: 529
Joined: Sat Jun 30, 2007 12:42 pm
Contact:

Re: RTL compatibility

by koraldon » Sat Apr 07, 2018 8:54 pm

CSS fixes (note, I'm not sure how to work with scss, so I fixed in the CSS), in the same order of my screenshots above.

Fixed icons in stylesheet css at line ~ 3858 changing the
.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
content: '';
position: absolute;
top: 50%;
right: 0;

instead of left:0, put in right:0

and changed ~line 263
.navbar.secondary > ul > li.small-icon > a {
padding-right: 18px; }

padding-left to padding right.

---------------------------------

Fixed Last post location by adding the following to the css at line ~353 at bidi.css:
dl.elegant-row dt,

However at the headings the last post is still not correct :(

-------------------------------
Fixed sub-forum listing in bidi.css line 400:
.rtl ul.topiclist li.row dt a.subforum {
padding-left: 0;
padding changed to 0.
--------------------------------

Fixed forum/topic pagination by editing pagniation.html at prosilver,
icon changed to fa-level-up
and commented out lines 1313-1321 in stylesheet.css
-----------------
Fixed forum description mouse over by changing forum_fn.js line 1454:
left = Math.floor($w.scrollLeft() + rectWidth);
---------------
Fixed navbar menu button in stylesheet.css by adding ~line 476
at bidi.css
@media (max-width: 550px) {
.navbar .nav-tabs .forums .nav-link {
padding: 0 8px !important; } }
----------------------------------

Fixed avatar by adding the following at bidi.css:
.rtl .postprofile .has-avatar .avatar-container,
.postprofile .no-avatar .avatar-container {
float: right;
padding-left: 0;
padding-right: 5px; }

.rtl .postprofile .avatar, .postprofile .no-avatar .avatar-container {
margin-left: 5px; }

--------
Another fix for short posts which don't fill the whole width at stylesheet.css
comment out line 2343
-------------
There is an issue with notification styling, but this is related to phpbb....
koraldon
Registered User
Posts: 529
Joined: Sat Jun 30, 2007 12:42 pm
Contact: