Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature: RTL Support #174

Open
wants to merge 11 commits into
base: v2.2
Choose a base branch
from
Open

Feature: RTL Support #174

Changes from 1 commit
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
82ab8da
Change text direction for Arabic language
itsmohmans Feb 22, 2023
3b6bdd6
Fix RTL directions in the todo list container
itsmohmans Feb 22, 2023
bdaf985
Force the sidebar direction to LTR
itsmohmans Feb 22, 2023
e34ed1d
Fix tips modal styling in RTL
itsmohmans Feb 22, 2023
dd7d747
Fix settings list style for RTL
itsmohmans Feb 22, 2023
6f46702
Fix language select element style for RTL
itsmohmans Feb 22, 2023
d710263
Fix Arabic name in the language selection
itsmohmans Feb 22, 2023
2bf6469
Merge branch 'v2.1' into feat/rtl-support
manuelernestog May 31, 2023
0eebbc3
reimplementing RTL format to single style file
manuelernestog May 31, 2023
63178bb
Merge branch 'v2.2' into feat/rtl-support
manuelernestog Feb 9, 2024
6b4436b
moving styles to lang-rtl file
manuelernestog Feb 9, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Fix RTL directions in the todo list container
  • Loading branch information
@itsmohmans
itsmohmans committed Feb 22, 2023
commit 3b6bdd6bf8dc98868dc8786da576b72f4161e47c
10 changes: 7 additions & 3 deletions src/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,14 +10,15 @@
'full-screen': !showCustomList,
'hidden-lists-container': hideTopListContainer,
'full-screen-divider': hideBottomListContainer,
'rtl': isRTL,
}">
<i class="bi-chevron-left slider-btn" ref="weekLeft" @click="weekMoveLeft"></i>
<i class="bi-chevron-left slider-btn" ref="weekLeft" @click="isRTL ? weekMoveRight() : weekMoveLeft()"></i>
<div class="todo-slider" ref="weekListContainer">
<to-do-list v-for="date in dates_array" :key="date" :id="date" :showCustomList="showCustomList"
@todo-list-mounted="todoListMounted">
</to-do-list>
</div>
<i class="bi-chevron-right slider-btn" ref="weekRight" @click="weekMoveRight"></i>
<i class="bi-chevron-right slider-btn" ref="weekRight" @click="isRTL ? weekMoveLeft() : weekMoveRight()"></i>
</div>

<div v-show="showCustomList && showCalendar" class="main-horizontal-divider" id="resizer"
Expand All @@ -39,6 +40,7 @@
'full-screen': !showCalendar,
'flex-grow-1': showCalendar,
'hidden-lists-container': hideBottomListContainer,
'rtl': isRTL,
}">
<i class="bi-chevron-left slider-btn" @click="customMoveLeft" :style="{
visibility: cTodoList.length > customColumns ? 'visible' : 'hidden',
Expand Down Expand Up @@ -611,7 +613,9 @@ body {
margin-bottom: 25px;
// margin-bottom: 5px;
}

.todo-lists-container.rtl {
flex-direction: row-reverse;
}
.slider-btn {
padding: 3px;
font-size: 2rem;
Expand Down