diff --git a/css/80_app.css b/css/80_app.css index 480b74adc..fc8d399b6 100644 --- a/css/80_app.css +++ b/css/80_app.css @@ -181,12 +181,21 @@ input[type=email] { background-color: white; color: #333; border:1px solid #ccc; - padding:5px 10px; + padding:5px 20px 5px 10px; height:30px; width: 100%; border-radius:4px; text-overflow: ellipsis; } +[dir='rtl'] textarea, +[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 20px; +} textarea:focus, input:focus { @@ -1195,6 +1204,9 @@ button.save.has-count .count::before { margin-left: 10px; width: 50%; } +[dir='rtl'] .more-fields input { + margin-left: 5px; +} .preset-input-wrap .label { height: 30px; @@ -1224,6 +1236,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; @@ -1429,16 +1445,28 @@ 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 */ .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 { @@ -1453,6 +1481,12 @@ input[type=number] { height: 30px; vertical-align: top; } +[dir='rtl'] .form-field .button-input-action { + margin-left: 0; + margin-right: -10%; + border-right-width: 1px; + border-radius: 0 0 0 4px; +} .form-field .localized-wrap { padding: 0 10px; @@ -1496,6 +1530,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; @@ -1504,6 +1542,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; @@ -1512,10 +1553,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 */ @@ -3651,21 +3698,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; @@ -3709,10 +3746,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;