Skip to content

Commit 04ac81a

Browse files
committed
LMM-104 Adjust calculate button
1 parent 016c338 commit 04ac81a

File tree

5 files changed

+14
-9
lines changed

5 files changed

+14
-9
lines changed

i18n/hr_HR.csv

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,4 +16,4 @@
1616
"from %1 %2 /mesec","od %1 %2 /mjesečno"
1717
"/mesec","/mjesečno"
1818
"mes.","mj."
19-
"Izračunaj","Számold ki"
19+
"Izračun","Számold ki"

i18n/ro_RO.csv

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,4 +17,4 @@
1717
"from %1 %2 /mesec","de la %1 %2 /lună"
1818
"/mesec","/lună"
1919
"mes.","lun."
20-
"Izračunaj","Calculează"
20+
"Izračun","Calculează"

i18n/sl_SL.csv

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,4 +17,4 @@
1717
"from %1 %2 /mesec","od %1 %2 /mesec"
1818
"/mesec","/mesec"
1919
"mes.","mes."
20-
"Calculate","Izračunaj"
20+
"Izračun",

view/frontend/templates/pricing/render/installment.phtml

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -116,8 +116,7 @@ $meetsThreshold = $helper->meetsAmountThreshold($amount);
116116
</div>
117117
<?php endif; ?>
118118
</div>
119-
<button type="button" class="installment-calculate-btn" aria-label="<?= $escaper->escapeHtmlAttr(__('Izračunaj')); ?>">
120-
<?= $escaper->escapeHtml(__('Izračunaj')); ?>
119+
<button type="button" class="installment-calculate-btn" aria-label="<?= $escaper->escapeHtmlAttr(__('Izračun')); ?>">
121120
<img class="installment-calculate-arrow"
122121
src="<?= /* @noEscape */ $block->getViewFileUrl('Leanpay_Payment::images/dropdown.svg'); ?>"
123122
alt=""

view/frontend/web/css/leanpay.css

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -117,13 +117,14 @@
117117
opacity: 0.9;
118118
border: 1px solid rgba(0, 0, 0, 0.08);
119119
border-radius: 6px;
120-
padding: 12px 16px;
120+
padding: 4px 8px;
121121
cursor: pointer;
122122
font-size: 16px;
123123
font-weight: 600;
124124
color: #EB5A7A;
125125
display: flex;
126126
align-items: center;
127+
justify-content: center;
127128
gap: 6px;
128129
flex-shrink: 0;
129130
transition: background-color 0.2s ease;
@@ -143,12 +144,13 @@
143144
}
144145

145146
.installment-calculate-arrow {
146-
width: 16px;
147-
height: 16px;
147+
width: 30px;
148+
height: 30px;
148149
display: block;
149150
color: #EB5A7A;
150151
transition: transform 0.2s ease;
151152
flex-shrink: 0;
153+
transform: rotate(90deg);
152154
}
153155

154156
.installment-calculate-btn.active .installment-calculate-arrow {
@@ -323,6 +325,10 @@
323325
font-weight: 600;
324326
}
325327

328+
.installment-wrapper.tooltip-opened .installment-tooltip .installment-links a:hover {
329+
opacity: 0.9;
330+
}
331+
326332
.installment-link-arrow {
327333
width: 16px;
328334
height: 16px;
@@ -643,7 +649,7 @@
643649
}
644650

645651
.installment-calculate-arrow {
646-
display: none;
652+
display: block;
647653
}
648654

649655
.installment-wrapper.tooltip-opened {

0 commit comments

Comments
 (0)