Support for right-to-left languages (#1438)

* play around

* Flip things in presale

* Convert backend

* Remove test settings

* Safe getattr

src/pretix/static/pretixbase/scss/_rtl.scss

@@ -0,0 +1,37 @@
+html.rtl {
+  #loadingmodal .modal-card .modal-card-icon, #ajaxerr .modal-card .modal-card-icon {
+    float: right;
+  }
+  #loadingmodal .modal-card .modal-card-content, #ajaxerr .modal-card .modal-card-content {
+    margin-right: 160px;
+    margin-left: 0;
+    text-align: right;
+  }
+  .alert-success, .alert-danger, .alert-info, .alert-warning, .alert-legal {
+    padding-right: 65px;
+    padding-left: 15px;
+  }
+  .alert {
+    text-align: right;
+  }
+  .alert-success::before, .alert-danger::before, .alert-info::before, .alert-warning::before, .alert-legal::before {
+    left: inherit;
+    right: 0;
+  }
+}
+
+@media(min-width: $screen-sm-min) {
+  html.rtl .nameparts-form-group {
+    input, select {
+      border-radius: $border-radius-base;
+    }
+    input:not(:first-child), select:not(:first-child) {
+      border-bottom-right-radius: 0;
+      border-top-right-radius: 0;
+    }
+    input:not(:last-child), select:not(:last-child)  {
+      border-bottom-left-radius: 0;
+      border-top-left-radius: 0;
+    }
+  }
+}

src/pretix/static/pretixcontrol/scss/_rtl.scss

@@ -0,0 +1,115 @@
+html.rtl {
+  .timeline .col-date {
+    float: right;
+    text-align: left;
+  }
+
+  .timeline .col-event {
+    margin-right: 120px;
+    margin-left: 0;
+  }
+
+
+  .navbar-top-links li:last-child {
+    margin-left: 15px;
+    margin-right: 0;
+  }
+
+  .sidebar .context-selector a span.caret {
+    right: inherit;
+    left: 15px;
+  }
+
+  .sidebar .context-selector a {
+    padding: 10px 7px 9px 20px;
+  }
+
+  .sidebar ul li a.arrow {
+    right: inherit;
+    left: 0;
+  }
+
+  .sidebar ul li a.has-children {
+    margin-right: 0;
+    margin-left: 40px;
+  }
+
+  .sidebar .fa.arrow::before {
+    content: "\f105";
+  }
+
+  .sidebar .nav-second-level li a {
+    padding-left: 15px;
+    padding-right: 37px;
+  }
+
+  .splitdatetimepart.datepickerfield {
+    border-bottom-right-radius: $border-radius-base;
+    border-top-right-radius: $border-radius-base;
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+  }
+
+  .splitdatetimepart.timepickerfield {
+    border-bottom-left-radius: $border-radius-base;
+    border-top-left-radius: $border-radius-base;
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+    border-right: 0;
+    border-left: 1px solid $input-group-addon-border-color;
+  }
+
+  .submit-group {
+    text-align: left;
+
+    .pull-left {
+      float: right !important;
+    }
+    .btn-cancel {
+      float: right !important;
+    }
+  }
+
+  .checkbox .label {
+    display: inline-block;
+  }
+  .scrolling-multiple-choice {
+    padding-right: 15px;
+    padding-left: 0;
+  }
+  .tab-content {
+    border-radius: $border-radius-large 0 $border-radius-large $border-radius-large;
+  }
+  .nav-tabs > li > a {
+    margin-right: 0;
+  }
+  .table-product-overview td:not(:first-child), .table-product-overview th:not(:first-child):not(.text-center) {
+    text-align: left;
+  }
+  .product-row dl {
+    padding-left: 0;
+    padding-right: 20px;
+  }
+}
+@media (min-width: $screen-sm-min) {
+  html.rtl #page-wrapper {
+    margin: 0 250px 0 0;
+  }
+}
+@media(max-width: $screen-sm-max) {
+  html.rtl .timeline {
+    .col-date {
+      width: 100%;
+      float: none;
+      text-align: right;
+      padding-right: 15px;
+    }
+
+    .col-event {
+      margin-left: 0;
+      margin-right: 0;
+      padding-left: 15px;
+    }
+  }
+}
+

src/pretix/static/pretixcontrol/scss/auth.scss

@@ -55,3 +55,6 @@ footer {
     margin: auto;
     margin-bottom: 20px;
 }
+
+@import "../../pretixbase/scss/_rtl.scss";
+@import "../../bootstrap/scss/_rtl.scss";

src/pretix/static/pretixcontrol/scss/main.scss

@@ -665,3 +665,7 @@ h1 .label {
         }
     }
 }
+
+@import "../../pretixbase/scss/_rtl.scss";
+@import "../../bootstrap/scss/_rtl.scss";
+@import "_rtl.scss";

src/pretix/static/pretixpresale/scss/_rtl.scss

@@ -0,0 +1,57 @@
+html.rtl {
+  .info-row {
+    & > .fa {
+      float: right;
+    }
+    p {
+      margin-right: 40px;
+      margin-left: 0;
+    }
+  }
+  .cart-row > div {
+    float: right;
+  }
+  .checkout-flow .checkout-step:last-child .checkout-step-bar-right, .checkout-flow .checkout-step:first-child .checkout-step-bar-left {
+    background: $gray-lighter;
+  }
+  .checkout-flow .checkout-step.step-current .checkout-step-bar-left {
+    background: $gray-lighter;
+  }
+  .checkout-flow .checkout-step.step-current .checkout-step-bar-right,
+  .checkout-flow .checkout-step.step-done .checkout-step-bar-right, .checkout-flow .checkout-step.step-done .checkout-step-bar-left {
+    background: $brand-primary;
+  }
+  .checkout-flow .checkout-step:last-child .checkout-step-bar-left, .checkout-flow .checkout-step:first-child .checkout-step-bar-right {
+    background: transparent;
+  }
+  .cart-modify {
+    margin-left: 0;
+    margin-right: 10px;
+  }
+  .cart-row dl dd {
+    padding-right: 20px;
+    padding-left: 0;
+  }
+  .thank-you .fa {
+    float: right;
+    margin-left: 30px;
+    margin-right: 0;
+  }
+  .thank-you p {
+    margin-right: 158px;
+    margin-left: 0;
+  }
+  .fa-arrow-right::before {
+    content: $fa-var-arrow-left;
+  }
+  .fa-arrow-left::before {
+    content: $fa-var-arrow-right;
+  }
+  .page-header h1 {
+    direction: rtl;
+    * {
+      display: inline-block;
+    }
+  }
+}
+

src/pretix/static/pretixpresale/scss/main.scss

@@ -291,3 +291,6 @@ h2 .label {
 @import "_iframe.scss";
 @import "_a11y.scss";
 @import "_print.scss";
+@import "../../pretixbase/scss/_rtl.scss";
+@import "../../bootstrap/scss/_rtl.scss";
+@import "_rtl.scss";