Discourse/discourse
Discourse/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-09-06 10:50:21 +08:00
Code Packages Activity Actions 9

UX: Update mobile site setting slide-out nav for RTL

Browse source
This commit is contained in:
Kris 2020-02-11 15:23:12 -05:00
parent adbff5835d
commit d73e94bbeb
1 changed files with 30 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

30
app/assets/stylesheets/common/base/rtl.scss
View file

@ -90,3 +90,33 @@
border-right: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf;
border-left: none !important; border-left: none !important;
} }
.rtl {
$mobile-breakpoint: 700px;
.admin-detail.mobile-open {
@media (max-width: $mobile-breakpoint) {
transition: transform 0.3s ease;
@include transform(translateX(-250px));
}
@media (max-width: 500px) {
transition: transform 0.3s ease;
@include transform(translateX(-50%));
}
}
.admin-detail.mobile-closed {
@media (max-width: $mobile-breakpoint) {
transition: transform 0.3s ease;
@include transform(translateX(0));
margin-left: -10px !important;
padding-left: 10px !important;
}
}
.admin-nav {
.nav-stacked {
margin: 0 -10px 0 10px !important;
}
}
}