semantic-org / semantic-ui-ar

سيمانتك يو آي تزيد فاعلية العمل بين المصممين و المطورين من خلال مفردات ذات دلالة لفظية مشتركة لبناء واجهة المستخدم

Announcement

As of 1.7.0 the main repo has RTL support built-in, this repo is deprecated.

سيمانتك يو آي باللغة العربية
Semantic-UI Arabic (RTL)

سيمانتك يو آي باللغة العربية جاهزة للإستخدام في بيئة الإنتاج، ولكنها ما زالت نسخة ما قبل النشر

المشاكل والأخطاء

.الرجاء مشاركة أي مشاكل أو أخطاء قد تواجهك

semantic-ui-ar's Issues

rtl version support

aren't you continue to support Arabic version? the latest release of arabic version related to Jul 4, 2014 when its update for original version on August 10, 2015.

Incorrect Alignment

(original post by MohammadYounes)
Semantic-Org/Semantic-UI#442

When I viewed the feed example page in RTL, I noticed wrong alignment for some elements,

1. Menu items text is left aligned instead of right (due to missing document direction)
2. Content columns have incorrect order (due to missing document direction)
3. side bar pushes the wrong side of the body (due to missing js handling).
4. Incorrect paging icons (CSSJanus will not reverse the contents)

Sample:

I was able to fix this:

The fix that I applied requires the following:

1. CSS Direction property for body, body{direction:rtl}
2. A pseudo class .rtl in case the user need to present RTL content inside a LTR view. in this case the test function could be:

is: {
  rtl: function () {
    return $(document.body).css('direction') == 'rtl' ||  $module.hasClass("rtl");
  }
}

The RTL build is totally dependent on CSSJanus, which is good but not enough. as in some cases, RTL handling need to be done in java script too, for example sidebar get.direction method:

get: {
  direction: function() {
    if($module.hasClass(className.top)) {
      return className.top;
    }
    else if($module.hasClass(className.right)) {
      //reverse direction if RTL
      return module.is.rtl() ? className.left : className.right;
    }
    else if($module.hasClass(className.bottom)) {
      return className.bottom;
    }else {
      //reverse direction if RTL
      return module.is.rtl() ? className.right : className.left;
    }
},

Before committing any of my changes regarding RTL handling, I'd like to know your thoughts on this so I can be aligned with your library guidelines.

Getting Started Guide and Examples

To start off, thank you for the great css component framework. We shifted our open source software from bootstrap to semantic ui about a year ago. Demo here:

http://chamlang.mixerp.org/

Could you please share the documentation or first step guide to setup RTL support in Semantic UI? The official semantic ui page looks a little incomplete to me:

Help.

Input shadow not mirrored in build

The inputs shadow is generated in the build left aligned (the packaged one)
here how it shows when used

unlike documentation http://semantic-ui.me/collections/form.html where its right aligned

SUI v1.0 RTL version

Hi
Thanks for your great job, is there any RTL verion of SUI v1.0 available ?
What is the progress of this project?

thanks

recompilation

Could you plz recompile semantic-ui-ar for semantic-ui 1.7.3?