Add an RTL stylesheet for Arabic i18n (#2378)

This commit is contained in:
Eugen 2017-04-24 18:03:53 +02:00 committed by GitHub
parent b073b092c9
commit e59f5c8e13
4 changed files with 136 additions and 1 deletions

View file

@ -18,3 +18,4 @@
@import 'about'; @import 'about';
@import 'tables'; @import 'tables';
@import 'admin'; @import 'admin';
@import 'rtl';

View file

@ -0,0 +1,129 @@
body.rtl {
direction: rtl;
.column-link__icon, .column-header__icon {
margin-right: 0;
margin-left: 5px;
}
.character-counter__wrapper {
margin-right: 0;
margin-left: 16px;
}
.navigation-bar__profile {
margin-left: 0;
margin-right: 8px;
}
.search__input {
padding-right: 10px;
padding-left: 30px;
}
.search__icon .fa {
right: auto;
left: 10px;
}
.column-icon-clear {
right: auto;
left: 48px;
}
.column-icon {
right: auto;
left: 0;
}
.setting-toggle {
margin-left: 0;
margin-right: 8px;
}
.status__avatar {
left: auto;
right: 10px;
}
.status {
padding-left: 10px;
padding-right: 68px;
}
.status__info .status__display-name {
padding-left: 25px;
padding-right: 0;
}
.column-back-button--slim-button {
right: auto;
left: 0;
}
.status__info-time {
float: left;
}
.status__action-bar-button-wrapper {
float: right;
margin-right: 0;
margin-left: 18px;
}
.status__action-bar-dropdown {
float: right;
}
.privacy-dropdown__dropdown {
left: auto;
right: 0;
}
.dropdown--active .dropdown__content {
text-align: right;
}
.dropdown--active .dropdown__content::before {
left: auto;
right: 8px;
}
.dropdown--active .dropdown__content > ul {
left: auto;
right: -10px;
}
.privacy-dropdown__option__icon {
margin-left: 10px;
margin-right: 0;
}
.detailed-status__display-avatar {
margin-right: 0;
margin-left: 10px;
float: right;
}
.detailed-status__favorites, .detailed-status__reblogs {
margin-left: 0;
margin-right: 6px;
}
@media screen and (min-width: 1025px) {
.column, .drawer {
padding-left: 5px;
padding-right: 5px;
&:first-child {
padding-left: 5px;
padding-right: 10px;
}
&:last-child {
padding-right: 0px;
padding-left: 10px;
}
}
}
}

View file

@ -8,4 +8,9 @@ module ApplicationHelper
def show_landing_strip? def show_landing_strip?
!user_signed_in? && !single_user_mode? !user_signed_in? && !single_user_mode?
end end
def add_rtl_body_class(other_classes)
other_classes = "#{other_classes} rtl" if [:ar].include?(I18n.locale)
other_classes
end
end end

View file

@ -25,5 +25,5 @@
- body_classes ||= @body_classes - body_classes ||= @body_classes
%body{ class: body_classes } %body{ class: add_rtl_body_class(body_classes) }
= content_for?(:content) ? yield(:content) : yield = content_for?(:content) ? yield(:content) : yield