RTL: Added RTL support for printing and PDF files

Michael-Herzog · Michael-Herzog · commit 06991ae2b78c · 2018-03-29T15:10:19.000+02:00
diff --git a/src/Presentation/SmartStore.Web/Content/print-rtl.css b/src/Presentation/SmartStore.Web/Content/print-rtl.css
@@ -0,0 +1,102 @@
+﻿
+/* -------------------------------------------------------------- 
+ 	Utils
+-------------------------------------------------------------- */
+
+.ml-0	{ margin-right: 0 !important; }
+.ml-1	{ margin-right: 4px !important; }
+.ml-2	{ margin-right: 8px !important; }
+.ml-3	{ margin-right: 16px !important; }
+.ml-4	{ margin-right: 24px !important; }
+.ml-5	{ margin-right: 36px !important; }
+.ml-6	{ margin-right: 48px !important; }
+
+.mr-0	{ margin-left: 0 !important; }
+.mr-1	{ margin-left: 4px !important; }
+.mr-2	{ margin-left: 8px !important; }
+.mr-3	{ margin-left: 16px !important; }
+.mr-4	{ margin-left: 24px !important; }
+.mr-5	{ margin-left: 36px !important; }
+.mr-6	{ margin-left: 48px !important; }
+
+.pl-0	{ margin-right: 0 !important; }
+.pl-1	{ margin-right: 4px !important; }
+.pl-2	{ margin-right: 8px !important; }
+.pl-3	{ margin-right: 16px !important; }
+.pl-4	{ margin-right: 24px !important; }
+.pl-5	{ margin-right: 36px !important; }
+.pl-6	{ margin-right: 48px !important; }
+
+.pr-0	{ margin-left: 0 !important; }
+.pr-1	{ margin-left: 4px !important; }
+.pr-2	{ margin-left: 8px !important; }
+.pr-3	{ margin-left: 16px !important; }
+.pr-4	{ margin-left: 24px !important; }
+.pr-5	{ margin-left: 36px !important; }
+.pr-6	{ margin-left: 48px !important; }
+
+.text-left		{ text-align: right }
+.text-right		{ text-align: left }
+
+.pull-left		{ float: right }
+.pull-right		{ float: left }
+
+/* -------------------------------------------------------------- 
+ 	Tables
+-------------------------------------------------------------- */
+caption {
+	text-align: right;
+}
+
+th, td { 
+	text-align: right;
+}
+
+/* -------------------------------------------------------------- 
+ 	Order Summary (receipts like invoice, packaging slip etc.)
+-------------------------------------------------------------- */
+
+.order-summary td .attributes {
+	margin-left: auto;
+	margin-right: 30px;
+}
+
+.order-summary tr.child-row > td > .associated-product {
+	margin-left: auto;
+	margin-right: 30px;
+}
+
+
+/* -------------------------------------------------------------- 
+ 	Order totals
+-------------------------------------------------------------- */
+
+.order-totals td.label {
+	padding-right: 0;
+}
+
+.order-totals td.value {
+	text-align: left;
+}
+
+/* -------------------------------------------------------------- 
+ 	catalog
+-------------------------------------------------------------- */
+
+.additional-products {
+    float: right;
+    margin-left: 20px;
+	margin-right: auto;
+}
+.additional-products .picture {
+    float: right;
+    margin-left: 20px;
+	margin-right: auto;
+}
+
+/* -------------------------------------------------------------- 
+ 	rtl display breaks text in brackets in chrome 
+-------------------------------------------------------------- */
+h3:after {
+	content: '\200E';
+}
diff --git a/src/Presentation/SmartStore.Web/SmartStore.Web.csproj b/src/Presentation/SmartStore.Web/SmartStore.Web.csproj
@@ -878,6 +878,7 @@
     <Content Include="Content\fontastic\fontastic.css" />
     <Content Include="Content\fontastic\fonts\fontastic.svg" />
     <Content Include="Content\placeholder.txt" />
+    <Content Include="Content\print-rtl.css" />
     <Content Include="Content\vendors\drift\Drift.js" />
     <Content Include="Content\vendors\drift\Drift.min.js" />
     <Content Include="Content\vendors\fileuploader\images\loading.gif" />
diff --git a/src/Presentation/SmartStore.Web/Views/Shared/Layouts/_Print.cshtml b/src/Presentation/SmartStore.Web/Views/Shared/Layouts/_Print.cshtml
@@ -11,10 +11,15 @@
 	<title>@Html.SmartTitle(false)</title>
 	<link rel="stylesheet" type="text/css" href="~/Content/print.css" />
 
+	@if (WorkContext.WorkingLanguage.Rtl)
+	{
+		<link rel="stylesheet" type="text/css" href="~/Content/print-rtl.css" />
+	}
+
 	@Html.SmartCssFiles(this.Url, ResourceLocation.Head)
 	@Html.CustomHead()
 </head>
-<body class="@Html.BodyCssClass()">
+<body class="@Html.BodyCssClass()" @Html.LanguageAttributes(true)>
 	@RenderBody()
 	@Html.SmartCssFiles(this.Url, ResourceLocation.Foot)
 </body>
