fix: split Subscription / Comments / Gift Cards into separate cards
Three sections shared a single <section class="shop-settings well">
wrapper — Subscription and Comments were nested *inside the same
card*, and Gift Cards lived in a bare <section class="well"> right
after Comments inside the same outer .one-column. So:
- Subscription's body bled directly into Comment System Settings,
no margin, no card break (fox's screenshot).
- Gift Cards picked up only the legacy flat .well treatment — no
elevation, no margin-bottom — because it lacked .shop-settings.
Split each into its own <section class="one-column">→<section
class="shop-settings well"> so the margin-bottom + elevation rules
from common.css land on every one. Gift Cards now also carries
.shop-settings so it matches the rest of the page.
Markup is otherwise unchanged. 18 tests in the shop_settings /
gift_card / styleguide / subscription / comment_settings slice green.
This commit is contained in:
parent
91c0854a1f
commit
0f84e6871b
1 changed files with 15 additions and 1 deletions
|
|
@ -1180,6 +1180,15 @@ Existing sales honored for download buy purchasers.
|
|||
|
||||
</form>
|
||||
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<section class="one-column">
|
||||
<section class="shop-settings well">
|
||||
|
||||
<form method="post" action="/s/{{ request.shop.id }}/settings">
|
||||
<input type="hidden" name="form_section" value="comment-settings" />
|
||||
|
||||
|
|
@ -1217,8 +1226,13 @@ Existing sales honored for download buy purchasers.
|
|||
</form>
|
||||
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section class="well">
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<section class="one-column">
|
||||
<section class="shop-settings well">
|
||||
<h3>Gift Cards</h3>
|
||||
|
||||
<form action="/s/{{ request.shop.uuid_str }}/settings" method="POST">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue