search

abpframework / abp

Open-source web application framework for ASP.NET Core! Offers an opinionated architecture to build enterprise software solutions with best practices on top of the .NET. Provides the fundamental infrastructure, cross-cutting-concern implementations, startup templates, application modules, UI themes, tooling and documentation.
https://abp.io
GNU Lesser General Public License v3.0
12.94k stars 3.45k forks source link

style problem in leptonX MVC for rtl languages #13087

Closed naderjavid closed 2 years ago

naderjavid commented 2 years ago

ABP Framework version: 5.3.0 preview User Interface: MVC EF Core reproduce:

  1. bootstrap-dim.css not loaded in rtl langauges bug
  2. need to add this rules for rtl languages .rtl .lpx-content-container { margin-left: 0; margin-right: 280px }

.rtl .lpx-topbar { border-radius: 0 16px 0 0; } .rtl .lpx-brand-logo { background-position: right 0px !important; } .rtl .lpx-sidebar .lpx-logo-container .menu-collapse-icon { left: 30px; right: unset; } .rtl .lpx-sidebar-container { overflow-y: unset; } .rtl div.dataTables_wrapper div.dataTables_filter input { margin-right: 0.5em; margin-left: unset; } @media only screen and (min-width: 1200px) { .rtl #lpx-wrapper.hover-trigger .lpx-content-container { margin-right: 72px; margin-left: unset; } } .rtl .lpx-topbar-content { margin-left: 10px; margin-right: unset; } .rtl .dataTables_wrapper .dataTables_length select { padding: 0.375rem 0.75rem 0.375rem 3rem !important; } .rtl div.dataTables_wrapper div.dataTables_filter { text-align: left; }

naderjavid commented 2 years ago

add this rules too, please

.rtl div.dataTables_wrapper div.dataTables_filter input { margin-right: 0.5em; margin-left: unset; } @media only screen and (min-width: 1200px) { .rtl #lpx-wrapper.hover-trigger .lpx-content-container { margin-right: 72px; margin-left: unset; } } .rtl .lpx-topbar-content { margin-left: 10px; margin-right: unset; } .rtl .dataTables_wrapper .dataTables_length select { padding: 0.375rem 0.75rem 0.375rem 3rem !important; } .rtl div.dataTables_wrapper div.dataTables_filter { text-align: left; } .rtl .lpx-nav-menu .lpx-menu-item-link .dd-icon { left: 24px; right: unset; } .rtl .lpx-nav-menu .lpx-inner-menu-item .lpx-menu-item-icon { margin-left: 8px; margin-right: unset; } .rtl .lpx-nav-menu .lpx-inner-menu-item .lpx-menu-item-link { padding-right: 60px; padding-left: unset; } .rtl .lpx-nav-menu .lpx-inner-menu .lpx-inner-menu .lpx-menu-item-link { padding-right: 84px; padding-left: unset; }

naderjavid commented 2 years ago

.rtl .text-end { text-align: left !important; } .rtl .modal-header .btn-close { margin: -0.75rem auto -0.75rem -0.75rem; } .rtl .form-select { background-position: left 0.75rem center; }

realLiangshiwei commented 2 years ago

Hi,

LeptonX has some problems with RTL and we are aware of that. We are planning to release 1.0 version of LeptonX with RTL support. We are tracking the issue internally, but I will also keep this issue open and inform you once LeptonX RTL support is done and released.

Please follow: https://github.com/abpframework/abp/issues/12979