Merge pull request pkp#279 from jardakotesovec/i8980

pkp/pkp-lib#8980 Add fallbacks for float inline-start due limited bro…
NateWr · Aug 4, 2023 · aa88884 · aa88884
2 parents 14558cb + 186128f
commit aa88884
Showing 1 changed file with 20 additions and 3 deletions.
diff --git a/src/components/Form/FormGroup.vue b/src/components/Form/FormGroup.vue
@@ -215,18 +215,28 @@ export default {
 }
 
 .pkpFormGroup__heading {
- float: inline-start;
+ float: left;
  width: 30%;
  padding-inline-end: 1.5rem;
  line-height: @line-sml;
 
  + .pkpFormGroup__fields {
- float: inline-end;
+ float: right;
  width: 70%;
  padding-inline-start: 1.5rem;
  }
 }
 
+[dir='rtl'] {
+ .pkpFormGroup__heading {
+ float: right;
+
+ .pkpFormGroup__fields {
+ float: left;
+ }
+ }
+}
+
 .pkpFormGroup__legend {
  display: inline-block;
  margin-bottom: 0.5rem;
@@ -270,7 +280,7 @@ export default {
  }
 
  .pkpFormGroup__locale--isVisible {
- float: inline-start;
+ float: left;
  width: 50%;
  padding-inline-end: 1.5rem;
 
@@ -280,6 +290,13 @@ export default {
  }
  }
 }
+[dir='rtl'] {
+ .pkpForm--hasManyVisibleLocales {
+ .pkpFormGroup__locale--isVisible {
+ float: right;
+ }
+ }
+}
 
 // When forms appear in a dropdown
 .pkpDropdown .pkpFormGroup {