Cavemanon/piratepoet
7
Fork 0
Code Pull Requests Actions Releases 16 Activity

Fix bug causing the percent sign to move on scroll

Browse Source 
[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
Download Patch File Download Diff File Expand all files Collapse all files

6
mailpoet/assets/css/src/components-editor/content-blocks/_coupon.scss
View File

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

4
mailpoet/views/newsletter/templates/blocks/coupon/settings.hbs
View File

@ -12,9 +12,9 @@
<div class="mailpoet_form_field"> <div class="mailpoet_form_field">
<label> <label>
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Coupon amount') %></div> <div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Coupon amount') %></div>
<div> <div class="coupon_amount_wrapper">
{{#ifCond model.amountMax '===' 100}} {{#ifCond model.amountMax '===' 100}}
<span class="amount_percentage_sign">%</div> <span class="amount_percentage_sign">%</span>
{{/ifCond}} {{/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" /> <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> </div>