Fix bug causing the percent sign to move on scroll

[MAILPOET-4678]
This commit is contained in:
Sam Najian
2023-01-20 12:14:29 +01:00
committed by Aschepikov
parent ac1d014562
commit c1afee57e9
2 changed files with 7 additions and 3 deletions

View File

@ -27,10 +27,14 @@
}
}
.coupon_amount_wrapper {
position: relative;
}
.amount_percentage_sign {
font-size: 18px;
font-weight: bold;
left: 140px;
left: 160px; // .mailpoet_input_medium width + 10px
line-height: 30px;
position: absolute;
}

View File

@ -12,9 +12,9 @@
<div class="mailpoet_form_field">
<label>
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Coupon amount') %></div>
<div>
<div class="coupon_amount_wrapper">
{{#ifCond model.amountMax '===' 100}}
<span class="amount_percentage_sign">%</div>
<span class="amount_percentage_sign">%</span>
{{/ifCond}}
<input type="text" name="amount" data-parsley-validate data-parsley-validation-threshold="0" data-parsley-required data-parsley-trigger="input" data-parsley-type="digits" {{#ifCond model.amountMax '!==' null }} data-parsley-maxlength="{{ model.amountMax }}" max="{{ model.amountMax }}" {{/ifCond}} class="mailpoet_input mailpoet_field_coupon_amount mailpoet_input_medium" value="{{ model.amount }}" min="0" />
</div>