bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Extract the header so we can explain in context

Browse Source
This commit is contained in:
Jason Zimdars
2025-06-04 15:30:19 -05:00
parent 638bc16b4b
commit 10224c2698
4 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/dividers.css
+1 -1
View File
@@ -1,7 +1,7 @@
@layer components {
.divider {
--divider-padding: var(--inline-space);
--divider-color: var(--color-ink-medium);
--divider-color: var(--color-ink-light);
align-items: center;
display: flex;
app/views/accounts/settings/show.html.erb
+2
View File
@@ -25,6 +25,8 @@
</div>
<div class="panel shadow center flex flex-column">
<strong class="divider txt-large">Do or Die</strong>
<p class="margin-none-block-start">Choose default settings for this account. You can override them in individual collections.</p>
<%= render "entropy/auto_close", model: @account.default_entropy_configuration, url: account_entropy_configuration_path %>
</div>
</section>
app/views/collections/edit/_auto_close.html.erb
+1
View File
@@ -1,3 +1,4 @@
<div class="margin-block-end">
<strong class="divider txt-large">Do or Die</strong>
<%= render "entropy/auto_close", model: collection %>
</div>
app/views/entropy/_auto_close.html.erb
+15 -18
View File
@@ -1,22 +1,19 @@
<% url = local_assigns[:url] %>
<div class="margin-block-end">
<strong class="divider txt-large">Do or Die</strong>
<div class="flex align-start gap">
<div class="flex flex-column full-width" style="flex-basis: 48%">
<strong>Cards in Considering</strong>
<p class="txt-x-small margin-none">Auto-close after…</p>
<%= form_with model: model, url: url, data: { controller: "form" } do |form| %>
<%= form.select :auto_reconsider_period, collection_auto_close_options, {}, { class: "input input--select full-width margin-block-half txt-small fill-white txt-align-center", data: { action: "change->form#submit" } } %>
<% end %>
</div>
<div class="separator margin-block-half" style="--border-color: var(--color-ink-medium); min-block-size: 4lh;"></div>
<div class="flex flex-column full-width" style="flex-basis: 48%">
<strong>Cards in Doing</strong>
<p class="txt-x-small margin-none">Fall back to Considering after…</p>
<%= form_with model: model, url: url, data: { controller: "form" } do |form| %>
<%= form.select :auto_close_period, collection_auto_close_options, {}, { class: "input input--select full-width margin-block-half txt-small fill-white txt-align-center", data: { action: "change->form#submit" } } %>
<% end %>
</div>
<div class="flex align-start gap">
<div class="flex flex-column full-width" style="flex-basis: 48%">
<strong>Cards in Considering</strong>
<p class="txt-x-small margin-none">Auto-close after…</p>
<%= form_with model: model, url: url, data: { controller: "form" } do |form| %>
<%= form.select :auto_reconsider_period, collection_auto_close_options, {}, { class: "input input--select full-width margin-block-half txt-small fill-white txt-align-center", data: { action: "change->form#submit" } } %>
<% end %>
</div>
<div class="separator margin-block-half" style="--border-color: var(--color-ink-light); min-block-size: 3lh;"></div>
<div class="flex flex-column full-width" style="flex-basis: 48%">
<strong>Cards in Doing</strong>
<p class="txt-x-small margin-none">Fall back to Considering after…</p>
<%= form_with model: model, url: url, data: { controller: "form" } do |form| %>
<%= form.select :auto_close_period, collection_auto_close_options, {}, { class: "input input--select full-width margin-block-half txt-small fill-white txt-align-center", data: { action: "change->form#submit" } } %>
<% end %>
</div>
</div>