machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #4885 from mempool/natsoni/fix-side-nav-on-rtl

Browse Source 
Fix side panel for rtl languages
This commit is contained in:
softsimon 2024-04-05 14:47:36 +09:00 committed by GitHub
commit 492c652157
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/app/components/menu/menu.component.scss
View File

@ -5,8 +5,7 @@
height: calc(100vh - 65px); height: calc(100vh - 65px);
position: absolute; position: absolute;
top: 65px; top: 65px;
left: -250px; transition: 0.25s;
transition: left 0.25s;
box-shadow: 5px 0px 30px 0px #000; box-shadow: 5px 0px 30px 0px #000;
padding-bottom: 20px; padding-bottom: 20px;
@media (max-width: 613px) { @media (max-width: 613px) {
@ -14,6 +13,14 @@
} }
} }
:host-context(.ltr-layout) .sidenav {
left: -250px;
}
:host-context(.rtl-layout) .sidenav {
right: -250px;
}
.ellipsis { .ellipsis {
display: block; display: block;
overflow: hidden; overflow: hidden;
@ -26,11 +33,18 @@
} }
.sidenav.open { .sidenav.open {
left: 0px;
display: block; display: block;
background-color: #1d1f31; background-color: #1d1f31;
} }
:host-context(.ltr-layout) .sidenav.open {
left: 0;
}
:host-context(.rtl-layout) .sidenav.open {
right: 0;
}
.sidenav a, button{ .sidenav a, button{
text-decoration: none; text-decoration: none;
color: lightgray; color: lightgray;