CSS issue UI
avatar MATsxm
MATsxm
3 Aug 2016

Just a small issue on RTL languages

Steps to reproduce the issue

Select ar-AA Arabic language then go back to the dropdown language selector.

See the names of languages are centered

screen shot 2016-08-03 at 11 04 38

@Sandra97

Could you please take a look as our 2 crazy devs have for sure better things to do ?

avatar MATsxm MATsxm - open - 3 Aug 2016
avatar Sandra97
Sandra97 - comment - 3 Aug 2016

If there is a rtl css file, just have add this:

.ui.dropdown .menu {
  text-align: right;
} 

and

.ui.dropdown .menu > .item {
  padding: 5px 5px 5px 40px !important;
}

And tada:
joomla issue tracker - joomla cms 2016-08-03 12-31-28

avatar Sandra97
Sandra97 - comment - 3 Aug 2016

And for the LTR version, this would be better:

.ui.dropdown .menu > .item {
  padding: 5px 40px 5px 5px !important;
}
avatar MATsxm
MATsxm - comment - 3 Aug 2016

WHAT THE HELL IS THIS: !important; ???

avatar elkuku elkuku - change - 9 Aug 2016
Labels Added: CSS issue UI
avatar mbabker
mbabker - comment - 13 Aug 2016

CSS added.

avatar mbabker mbabker - change - 13 Aug 2016
Status New Closed
Closed_Date 0000-00-00 00:00:00 2016-08-13 14:35:36
Closed_By mbabker
avatar mbabker mbabker - close - 13 Aug 2016

Add a Comment

Login with GitHub to post a comment