Add separate css files for RTL (#2501)

* Add separate files for RTL

* remove unneeded css element for RTL css

frappe/public/build.json

@@ -56,6 +56,10 @@
 		"public/css/form.css",
 		"public/css/mobile.css"
 	],
+	"css/frappe-rtl.css": [
+		"public/css/bootstrap-rtl.css",
+		"public/css/desk-rtl.css"
+	],
 	"js/libs.min.js": [
 		"public/js/lib/awesomplete/awesomplete.min.js",
 		"public/js/lib/Sortable.min.js",
@@ -260,4 +264,4 @@
 		"public/js/legacy/print_table.js",
 		"public/js/legacy/print_format.js"
 	]
-}
+}

frappe/public/css/desk-rtl.css

@@ -0,0 +1,60 @@
+.navbar .navbar-search-icon{
+  right: auto;
+  left: 24px;
+}
+.navbar-right {
+  float: left !important;
+}
+#navbar-breadcrumbs > li > a:before {
+  margin-right: auto;
+  margin-left: 10px;
+  top: 6px;
+  -ms-transform:rotate(180deg);     /* Internet Explorer 9 */
+  -webkit-transform:rotate(180deg); /* Chrome, Safari, Opera */
+  transform:rotate(180deg);         /* Standard syntax */
+}
+.case-wrapper {
+  float: right;
+}
+.link-btn {
+  right: auto;
+  left:  4px;
+  transform:rotate(180deg);         /* Rotate icon*/
+}
+.sidebar-menu .badge {
+  right: auto;
+  left: 0px;
+}
+.indicator::before {
+  margin: 0 0 0 4px;
+}
+.pull-left {
+  float: right !important;
+}
+.grid-row > .row .col:last-child {
+  margin-right: auto;
+  margin-left: -10px;
+}
+.text-right {
+  text-align: left;
+}
+.list-row-head .octicon-heart {
+  margin-right: auto;
+  margin-left: 13px;
+}
+.list-id {
+  margin-right: -8px !important;
+  margin-left: 7px !important;
+}
+.avatar-small {
+  margin-left: 5px;
+  margin-right: auto;
+}
+.list-row-right .list-row-modified {
+  margin-right: auto;
+  margin-left: 9px;
+}
+.list-comment-count {
+  text-align: right;
+}
+

frappe/public/js/frappe/desk.js

@@ -257,6 +257,10 @@ frappe.Application = Class.extend({
 
 	set_rtl: function () {
 		if (["ar", "he"].indexOf(frappe.boot.lang) >= 0) {
+			var ls = document.createElement('link');
+			ls.rel="stylesheet";
+			ls.href= "assets/css/frappe-rtl.css";
+			document.getElementsByTagName('head')[0].appendChild(ls);
 			$('body').addClass('frappe-rtl')
 		}
 	},