You need to sign in or sign up before continuing.
check-boxes on task-list are stuck at left even on rtl contents
it is correct for ltr languages!
-
item 1 -
item 2 -
item 3 -
nested item 3-1 -
nested item 3-2 -
nested item 3-3
-
-
item 4
another list without checkboxes
- item 1
- item 2
- item 3
- item 3-1
- item 3-2
- item 3-3
- item 4
ولی در خصوص زبانهای rtl بد نشان میدهد:
-
ایتم 1 -
ایتم 2 -
زیر ایتم 2-1 -
زیر ایتم 2-2
-
و این هم یک لیست بدون چک باکس
- ایتم 1
- ایتم 2
- ایتم 2-1
- ایتم 2-2
as seen above in rtl languages the content are well aligned but checkboxes are stuck at left.
I found the problem and try to fix it in a merge request.
It is solvable with css selectors :dir(ltr)
and :dir(rtl)
ul.task-list > li.task-list-item > input.task-list-item-checkbox:dir(rtl) {
left: unset;
right: -20px;
}
more correct place to put it is : https://gitlab.com/gitlab-org/gitlab-ce/blob/master/app/assets/stylesheets/framework/typography.scss#L216
the resulting will be:
Edited by Taurie Davis