Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Sync to Sprint Deploy 23: PM-652 Cart UI Overlap Issues #278

Merged
merged 6 commits into from
Nov 12, 2024
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
PM-652: form ui updates
  • Loading branch information
hero-dokane committed Nov 11, 2024
commit 98cd41082ec462662fa46845db0c8236a3321b40
2 changes: 1 addition & 1 deletion blocks/plans-quote/form.js
Original file line number Diff line number Diff line change
Expand Up @@ -106,7 +106,7 @@ export default function formDecoration(block) {
<span class="checkmark"></span>
<button type="button" id="apply-promo-code" class="secondary" disabled>Apply</button>
<div class="error-message"></div>
<div class="promocode__details">*Only one promotional/coupon code can be used per transaction</div>
<div class="promo-code__details">*Only one promotional/coupon code can be used per transaction</div>
</div>
`;

Expand Down
10 changes: 5 additions & 5 deletions blocks/plans-quote/plans-quote.css
Original file line number Diff line number Diff line change
Expand Up @@ -68,6 +68,10 @@ main .plans-quote form .checkbox-text-wrapper > div {
box-sizing: border-box;
}

main .plans-quote form .wrapper > label {
padding-left: 0;
}

main .plans-quote form input:not(:placeholder-shown)~label {
transform: unset;
}
Expand All @@ -76,11 +80,7 @@ main .plans-quote form .wrapper:not(.flex-wrapper) label {
padding-bottom: 0;
}

main .plans-quote form .wrapper > label {
padding-left: 0;
}

.plans-quote .promocode__details {
.plans-quote .promo-code__details {
display: block;
font-size: 0.8rem;
color: #333f48;
Expand Down
Loading