diff --git a/apps/documenteditor/mobile/src/app.js b/apps/documenteditor/mobile/src/app.js
index cc9445153..c6e174778 100644
--- a/apps/documenteditor/mobile/src/app.js
+++ b/apps/documenteditor/mobile/src/app.js
@@ -15,7 +15,8 @@ window.jQuery = jQuery;
window.$ = jQuery;
// Import Framework7 Styles
-import 'framework7/framework7-bundle.css';
+// import 'framework7/framework7-bundle.css';
+import 'framework7/framework7-bundle-rtl.css';
// Import Icons and App Custom Styles
// import '../css/icons.css';
diff --git a/apps/documenteditor/mobile/src/index_dev.html b/apps/documenteditor/mobile/src/index_dev.html
index 315fa328e..9d247a82b 100644
--- a/apps/documenteditor/mobile/src/index_dev.html
+++ b/apps/documenteditor/mobile/src/index_dev.html
@@ -20,7 +20,7 @@
<% } else { %>
<% } %>
-
+
diff --git a/vendor/framework7-react/build/webpack.config.js b/vendor/framework7-react/build/webpack.config.js
index 25a403832..5f84acf62 100644
--- a/vendor/framework7-react/build/webpack.config.js
+++ b/vendor/framework7-react/build/webpack.config.js
@@ -2,6 +2,8 @@ const webpack = require('webpack');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+const WebpackRTLPlugin = require('webpack-rtl-plugin');
+// const rtlcss = require('rtlcss');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
@@ -103,7 +105,8 @@ module.exports = {
options: {
config: {
path: path.resolve(__dirname, '..'),
- }
+ },
+ // plugins: [rtlcss]
},
},
],
@@ -123,7 +126,8 @@ module.exports = {
options: {
config: {
path: path.resolve(__dirname, '..'),
- }
+ },
+ // plugins: [rtlcss]
},
},
{
@@ -198,6 +202,10 @@ module.exports = {
new MiniCssExtractPlugin({
filename: 'css/[name].css',
}),
+ new WebpackRTLPlugin({
+ filename: 'css/[name].rtl.css',
+ diffOnly: true
+ }),
new HtmlWebpackPlugin({
filename: `../../../apps/${editor}/mobile/index.html`,
template: `../../apps/${editor}/mobile/src/index_dev.html`,
diff --git a/vendor/framework7-react/package.json b/vendor/framework7-react/package.json
index 7e389cd75..68cbe8734 100644
--- a/vendor/framework7-react/package.json
+++ b/vendor/framework7-react/package.json
@@ -37,8 +37,10 @@
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-i18next": "^11.8.5",
+ "rtlcss": "^3.5.0",
"swiper": "^6.4.8",
- "template7": "^1.4.2"
+ "template7": "^1.4.2",
+ "webpack-rtl-plugin": "^2.0.0"
},
"devDependencies": {
"@babel/core": "^7.12.10",