asan-service/sass/app/el_ui_rtl.scss

//////////////////////////////////////////////////////////////////////////////////////////////////////// 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;
  }
}