Browse Source

fix rtl problem in jqueryDataTable & PermissionManagementModal

pull/12869/head
Nader Javid 4 years ago
parent
commit
d5e5cf5529
  1. 10
      modules/basic-theme/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic/wwwroot/themes/basic/layout.css
  2. 4
      modules/permission-management/src/Volo.Abp.PermissionManagement.Web/Pages/AbpPermissionManagement/PermissionManagementModal.cshtml

10
modules/basic-theme/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic/wwwroot/themes/basic/layout.css

@ -88,3 +88,13 @@ div.dataTables_wrapper div.dataTables_length label {
left: auto; left: auto;
right: 100%; right: 100%;
} }
.rtl div.dataTables_wrapper div.dataTables_filter input {
margin-left: auto;
margin-right: 0.5em;
}
.rtl div.dataTables_wrapper div.dataTables_filter {
text-align: left;
}
.rtl table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
text-align: right;
}

4
modules/permission-management/src/Volo.Abp.PermissionManagement.Web/Pages/AbpPermissionManagement/PermissionManagementModal.cshtml

@ -1,12 +1,14 @@
@page @page
@using Microsoft.AspNetCore.Mvc.Localization @using Microsoft.AspNetCore.Mvc.Localization
@using Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Modal @using Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Modal
@using Volo.Abp.Localization
@using Volo.Abp.PermissionManagement.Localization @using Volo.Abp.PermissionManagement.Localization
@using Volo.Abp.PermissionManagement.Web.Pages.AbpPermissionManagement @using Volo.Abp.PermissionManagement.Web.Pages.AbpPermissionManagement
@model PermissionManagementModal @model PermissionManagementModal
@inject IHtmlLocalizer<AbpPermissionManagementResource> L @inject IHtmlLocalizer<AbpPermissionManagementResource> L
@{ @{
Layout = null; Layout = null;
var marginLeftOrRight = CultureHelper.IsRtl ? "right" : "left";
} }
<form method="post" asp-page="/AbpPermissionManagement/PermissionManagementModal" data-script-class="abp.modals.PermissionManagement" id="PermissionManagementForm"> <form method="post" asp-page="/AbpPermissionManagement/PermissionManagementModal" data-script-class="abp.modals.PermissionManagement" id="PermissionManagementForm">
@ -43,7 +45,7 @@
disabled="@permission.IsDisabled(Model.ProviderName)" disabled="@permission.IsDisabled(Model.ProviderName)"
group-data-permission-name="@permission.Name" group-data-permission-name="@permission.Name"
group-data-parent-name="@(permission.ParentName ?? "")" group-data-parent-name="@(permission.ParentName ?? "")"
group-style="margin-left: @(permission.Depth * 20)px"/> group-style="margin-@marginLeftOrRight: @(permission.Depth * 20)px"/>
<input asp-for="@permission.Name" abp-id-name="@Model.Groups[i].Permissions[j].Name"/> <input asp-for="@permission.Name" abp-id-name="@Model.Groups[i].Permissions[j].Name"/>
} }
</div> </div>

Loading…
Cancel
Save