Some display fixes with RTL (#21573)

* Fix RTL on dashboards widgets

closes #21567

* Fix RTL on dashboard dropdown

* Some fixes on userinfo/menu with RTL

* Some fixes on searchbar with RTL

* CS

Author: trasher

css/includes/_base.scss

@@ -580,3 +580,37 @@ input.form-check-input[type="radio"]:disabled,
 input.form-check-input[type="checkbox"]:disabled {
     opacity: 0.9;
 }
+
+html[dir='rtl'] {
+    .form-select {
+        background-position: left 1rem center;
+    }
+
+    .pe-2 {
+        padding-left: 0.5rem!important;
+        padding-right: initial!important;
+    }
+
+    .ms-md-4 {
+        margin-left: initial!important;
+        margin-right: 1.5rem !important;
+    }
+
+    .input-group-flat .form-control:not(:last-child) {
+        border-left: 0;
+        border-right: var(--tblr-border-width);
+    }
+
+    .input-group > :not(:first-child, .dropdown-menu, .valid-tooltip, .valid-feedback, .invalid-tooltip, .invalid-feedback) {
+        margin-right: calc(-1 * var(--tblr-border-width));
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+        border-top-left-radius: var(--tblr-border-radius);
+        border-bottom-left-radius: var(--tblr-border-radius);
+    }
+
+    .input-group:not(.has-validation) > :not(:last-child, .dropdown-toggle, .dropdown-menu, .form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+    }
+}

css/standalone/dashboard.scss

@@ -1253,6 +1253,18 @@ $break_tablet: 1400px;
     }
 }
 
+html[dir="rtl"] {
+    .dashboard {
+        .card {
+            text-align: right;
+        }
+    }
+
+    .main-icon {
+        left: 5px;
+    }
+}
+
 .embed_block {
     border: 1px dashed #a0a0a04f;
     padding: 5px 10px;