somewhere

sass/app/el_ui_rtl.scss

@@ -0,0 +1,211 @@
+//////////////////////////////////////////////////////////////////////////////////////////////////////// element ui rtl fix
+html:lang(fa) {
+  .el-tag {
+    /*margin-bottom: 10px!important;*/
+  }
+
+  .text-area {
+    textarea {
+      height: 100px;
+    }
+  }
+
+  .el-popup-parent--hidden {
+    padding-right: 0 !important;
+  }
+
+  .el-tag .el-icon-close {
+    right: auto !important;
+    left: -5px !important;
+  }
+
+  .el-table .el-table__body-wrapper .el-table__row .is-left {
+    text-align: left !important;
+  }
+
+  .wrapper {
+    min-height: 100vh;
+  }
+
+  .el-form-item__label {
+    float: right !important;
+    text-align: right !important;
+  }
+
+  .el-form-item__content {
+    margin-left: 0 !important;
+    margin-right: 120px !important;
+  }
+
+  @media (max-width: 768px) {
+    .el-form-item__content {
+      margin-left: 0 !important;
+      margin-right: 0 !important;
+    }
+  }
+
+  .secondTitle {
+    margin-top: 50px;
+  }
+
+  .el-upload__input {
+    display: none !important;
+  }
+
+  .el-message-box__title,
+  .el-message-box__message {
+    direction: rtl !important;
+    text-align: right !important;
+  }
+
+  .el-message-box__message {
+    padding-left: 12px !important;
+    padding-right: 36px !important;
+  }
+
+  .el-message-box__btns {
+    text-align: left !important;
+  }
+
+  .el-message-box__headerbtn {
+    right: auto !important;
+    left: 15px !important;
+  }
+
+  .el-message-box__btns button:nth-child(2) {
+    margin-left: 0 !important;
+    margin-right: 10px !important;
+  }
+
+  .el-message-box__status {
+    right: 0 !important;
+  }
+
+  .el-table {
+    td,
+    th {
+      text-align: right !important;
+    }
+    .is-center {
+      text-align: center !important;
+    }
+  }
+
+  .el-upload__input {
+    display: none !important;
+  }
+
+  .el-checkbox__label {
+    padding-left: 0 !important;
+    padding-right: 10px !important;
+  }
+
+  .el-message__icon {
+    margin-right: 0 !important;
+    margin-left: 10px !important;
+  }
+
+  .sidebar-subnav {
+    background: rgba(0, 0, 0, 0.05) !important;
+  }
+
+  .sidebar > .nav > li {
+    border-bottom: 1px solid #eee !important;
+  }
+
+  .brand-logo p {
+    margin-top: 6px !important;
+  }
+
+  .brand-logo-collapsed svg {
+    fill: #fff !important;
+  }
+
+  .nav-floating {
+    background: #fff !important;
+  }
+
+  .el-dialog__headerbtn {
+    right: auto !important;
+    left: 20px !important;
+  }
+
+  .el-radio__label {
+    padding-right: 10px !important;
+  }
+
+  .el-scrollbar__wrap {
+    margin-right: 0 !important;
+    margin-left: -17px !important;
+  }
+
+  .el-alert.is-light .el-alert__closebtn {
+    right: auto !important;
+    left: 15px !important;
+  }
+
+  .el-tooltip__popper[x-placement^='top'] .popper__arrow::after {
+    margin-left: 0 !important;
+    margin-right: -5px !important;
+  }
+
+  .el-notification {
+    padding-right: 13px;
+    padding-left: 26px;
+
+    .el-notification__group {
+      margin-right: 13px;
+      margin-left: 8px;
+
+      .el-notification__closeBtn {
+        right: auto;
+        left: 15px;
+      }
+    }
+  }
+
+  .el-collapse {
+    direction: rtl;
+
+    .el-collapse-item {
+      .el-collapse-item__header {
+        direction: rtl;
+
+        .header-icon {
+          margin-right: 5px;
+        }
+
+        .el-collapse-item__arrow {
+          margin-right: auto;
+          margin-left: 0;
+          @include transform(rotate(180deg));
+
+          &.is-active {
+            @include transform(rotate(90deg));
+          }
+        }
+      }
+    }
+  }
+
+  .el-upload-list {
+    .el-upload-list__item {
+      margin-right: 0;
+      margin-left: 8px;
+
+      .el-upload-list__item-actions {
+        i {
+          color: #fff;
+        }
+        .el-upload-list__item-delete {
+          margin-left: 0;
+          margin-right: 15px;
+        }
+      }
+    }
+  }
+
+  .el-radio-group{
+    direction: ltr;
+  }
+}