From a0f1917bdba0a1dc95a1c4dc299de3910bb60685 Mon Sep 17 00:00:00 2001 From: 51114u9 Date: Mon, 13 Mar 2017 01:11:56 -0400 Subject: [PATCH 1/5] fix text padding in key-value input field --- css/80_app.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/80_app.css b/css/80_app.css index 694c81947..3381887e8 100644 --- a/css/80_app.css +++ b/css/80_app.css @@ -181,7 +181,7 @@ input[type=email] { background-color: white; color: #333; border:1px solid #ccc; - padding:5px 10px; + padding:5px 25px 5px 10px; height:30px; width: 100%; border-radius:4px; From fa572cc6bc6b7ff6b95be8c85261a0be6acd3045 Mon Sep 17 00:00:00 2001 From: 51114u9 Date: Mon, 13 Mar 2017 14:46:40 -0400 Subject: [PATCH 2/5] add style for text direction --- css/80_app.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/css/80_app.css b/css/80_app.css index 3381887e8..e8f927b87 100644 --- a/css/80_app.css +++ b/css/80_app.css @@ -187,6 +187,15 @@ input[type=email] { border-radius:4px; text-overflow: ellipsis; } +[dir='rtl'] textarea, +input[type=text], +input[type=search], +input[type=number], +input[type=url], +input[type=tel], +input[type=email] { + padding:5px 10px 5px 25px; +} textarea:focus, input:focus { From e4392ced3afe021283c0648b8e0c2aa5c6a6eec2 Mon Sep 17 00:00:00 2001 From: 51114u9 Date: Thu, 16 Mar 2017 16:29:50 -0400 Subject: [PATCH 3/5] fix style for text direction --- css/80_app.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/css/80_app.css b/css/80_app.css index e8f927b87..cfd30e4a6 100644 --- a/css/80_app.css +++ b/css/80_app.css @@ -188,12 +188,12 @@ input[type=email] { text-overflow: ellipsis; } [dir='rtl'] textarea, -input[type=text], -input[type=search], -input[type=number], -input[type=url], -input[type=tel], -input[type=email] { +[dir='rtl'] input[type=text], +[dir='rtl'] input[type=search], +[dir='rtl'] input[type=number], +[dir='rtl'] input[type=url], +[dir='rtl'] input[type=tel], +[dir='rtl'] input[type=email] { padding:5px 10px 5px 25px; } From 8310124b404ed034f8992f07d7ddcf930bf2948f Mon Sep 17 00:00:00 2001 From: Bryan Housel Date: Tue, 21 Mar 2017 23:19:01 -0400 Subject: [PATCH 4/5] Fix padding for Localized field, which has a button --- css/80_app.css | 20 +++++++++----------- 1 file changed, 9 insertions(+), 11 deletions(-) diff --git a/css/80_app.css b/css/80_app.css index dab8de5ae..6c60b65e3 100644 --- a/css/80_app.css +++ b/css/80_app.css @@ -1442,7 +1442,11 @@ input[type=number] { /* Name + translate form */ .form-field .localized-main { - padding-right: 10%; + padding-right: 40px; +} +[dir='rtl'] .form-field .localized-main { + padding-left: 40px; + padding-right: 10px; } .form-field .button-input-action { @@ -1457,6 +1461,10 @@ input[type=number] { height: 30px; vertical-align: top; } +[dir='rtl'] .form-field .button-input-action { + margin-left: 0; + margin-right: -10%; +} .form-field .localized-wrap { padding: 0 10px; @@ -3655,21 +3663,11 @@ img.tile-removing { right: auto; } -[dir='rtl'] .form-field .localized-main { - padding-left: 10%; - padding-right: 10px; -} - [dir='rtl'] .combobox-caret { margin-left: 0; margin-right: -30px; } -[dir='rtl'] .form-field .button-input-action { - margin-left: 0; - margin-right: -10%; -} - [dir='rtl'] .icon.pre-text { margin-left: 5px; margin-right: 0; From 602c60b32c074ab4e1dfb491f42cf2f45e99c342 Mon Sep 17 00:00:00 2001 From: Bryan Housel Date: Wed, 22 Mar 2017 00:14:36 -0400 Subject: [PATCH 5/5] Fix rtl for address, maxspeed, access fields --- css/80_app.css | 42 ++++++++++++++++++++++++++++++++++-------- 1 file changed, 34 insertions(+), 8 deletions(-) diff --git a/css/80_app.css b/css/80_app.css index 6c60b65e3..7f80c94a9 100644 --- a/css/80_app.css +++ b/css/80_app.css @@ -181,7 +181,7 @@ input[type=email] { background-color: white; color: #333; border:1px solid #ccc; - padding:5px 25px 5px 10px; + padding:5px 20px 5px 10px; height:30px; width: 100%; border-radius:4px; @@ -194,7 +194,7 @@ input[type=email] { [dir='rtl'] input[type=url], [dir='rtl'] input[type=tel], [dir='rtl'] input[type=email] { - padding:5px 10px 5px 25px; + padding:5px 10px 5px 20px; } textarea:focus, @@ -1203,6 +1203,9 @@ button.save.has-count .count::before { margin-left: 10px; width: 50%; } +[dir='rtl'] .more-fields input { + margin-left: 5px; +} /* preset form access */ @@ -1224,6 +1227,10 @@ button.save.has-count .count::before { border-width: 0; border-left-width: 1px; } +[dir='rtl'] .preset-input-access-wrap input { + border-left: 0; + border-right-width: 1px; +} .preset-input-wrap li:last-child input { border-bottom-right-radius: 4px; @@ -1433,11 +1440,19 @@ input[type=number] { border-radius: 0 0 0 4px; width: 80%; } +[dir='rtl'] #preset-input-maxspeed { + border-right: 1px solid #ccc; + border-radius: 0 0 4px 0; +} .form-field .maxspeed-unit { border-radius: 0 0 4px 0; width: 20%; } +[dir='rtl'] .form-field .maxspeed-unit { + border-right: 0; + border-radius: 0 0 0 4px; +} /* Name + translate form */ @@ -1462,8 +1477,10 @@ input[type=number] { vertical-align: top; } [dir='rtl'] .form-field .button-input-action { - margin-left: 0; - margin-right: -10%; + margin-left: 0; + margin-right: -10%; + border-right-width: 1px; + border-radius: 0 0 0 4px; } .form-field .localized-wrap { @@ -1508,6 +1525,10 @@ input[type=number] { border-right: 0; border-bottom: 0; } +[dir='rtl'] .addr-row input { + border-right: 1px solid #ccc; + border-left: 0; +} .addr-row:first-of-type input { border-top: 0; @@ -1516,6 +1537,9 @@ input[type=number] { .addr-row input:first-of-type { border-left: 0; } +[dir='rtl'] .addr-row input:first-of-type { + border-right: 0; +} .addr-row input { border-radius: 0; @@ -1524,10 +1548,16 @@ input[type=number] { .addr-row:last-of-type input:first-of-type { border-radius: 0 0 0 4px; } +[dir='rtl'] .addr-row:last-of-type input:first-of-type { + border-radius: 0 0 4px 0; +} .addr-row:last-of-type input:last-of-type { border-radius: 0 0 4px 0; } +[dir='rtl'] .addr-row:last-of-type input:last-of-type { + border-radius: 0 0 0 4px; +} /* Restrictions editor */ @@ -3711,10 +3741,6 @@ img.tile-removing { right: 18px; } -[dir='rtl'] .form-field .maxspeed-unit { - border-radius: 0 0 0 4px; -} - [dir='rtl'] input[type="checkbox"], [dir='rtl'] input[type="radio"] { float: right; margin-left: 5px;