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

Type polish and sizing constraints

Browse Source
This commit is contained in:
Jason Zimdars
2025-04-24 16:00:12 -05:00
parent dca5e3b942
commit 5c2d12177a
3 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/panels.css
+2 -1
View File
@@ -24,7 +24,8 @@
margin: auto;
.panel {
flex: 1 1 25%;
flex: 1 1 33%;
min-inline-size: 36ch;
}
}
}
app/views/collections/_access_toggle.erb
+1 -1
View File
@@ -1,4 +1,4 @@
<li class="flex align-center gap-half margin-none unpad" data-value="<%= user.name.downcase %>">
<li class="flex align-center gap-half margin-none unpad txt-normal" data-value="<%= user.name.downcase %>">
<figure class="avatar flex-item-no-shrink">
<%= avatar_tag user %>
</figure>
app/views/collections/edit.html.erb
+7 -7
View File
@@ -13,8 +13,8 @@
<% end %>
<section class="panels--two-up margin-block">
<div class="panel shadow center flex flex-column">
<strong class="txt-large">Name and access</strong>
<div class="panel shadow center flex flex-column txt-normal">
<strong class="txt-large">Name and Access</strong>
<p class="margin-none-block-start">Choose who can access this Collection.</p>
<%= form_with model: @collection, class: "flex flex-column gap txt-large", data: { controller: "form" } do |form| %>
<div class="flex align-center gap">
@@ -27,7 +27,7 @@
<section class="margin-block pad-inline fill-shade border-radius">
<%= access_menu_tag @collection do %>
<li class="flex align-center gap margin-none">
<li class="flex align-center gap margin-none txt-normal">
<figure class="avatar flex-item-no-shrink" style="--avatar-border-radius: 0; --avatar-size: 3.5ch; margin-inline: 0.3em;">
<%= icon_tag "everyone" %>
<span class="for-screen-reader">Everyone</span>
@@ -75,17 +75,17 @@
<div class="panel shadow center flex flex-column">
<strong class="txt-large">Workflows</strong>
<p class="margin-none-block-start">Use a Workflow to track progress in this Collection.</p>
<%= form_with model: @collection, url: collection_workflow_path(@collection), local: true, method: :patch, data: { controller: "form" } do |form| %>
<%= form.label :workflow_id, "Use a Workflow to track progress in this Collection.", class: "flex justify-center margin-block-end" %>
<%= form.select :workflow_id, Workflow.all.map { |w| [w.name, w.id] }, { include_blank: "Choose…" }, class: "input input--select full-width", data: { action: "change->form#submit" } %>
<% end %>
<p><%= link_to "Manage workflows", workflows_path, class: "btn btn--plain txt-link" %></p>
<hr class="separator--horizontal full-width margin-block-double" style="--border-color: var(--color-subtle);" aria-hidden="true" />
<strong class="txt-large">Auto-close Cards</strong>
<p class="margin-none-block-start">Cards Fizzle Out when there is no activity for…</p>
<%= select_tag :auto_close_after, options_for_select(Card::Closeable::AUTO_CLOSE_OPTIONS, Card::Closeable::AUTO_CLOSE_AFTER), { class: "input input--select full-width margin-block-end", data: { action: "change->form#submit" } } %>
<strong class="txt-large">Auto-Close Cards</strong>
<label for="closure" class="margin-block-end">Cards automatically close when there is no activity for…</label>
<%= select_tag :closure, options_for_select(Card::Closeable::AUTO_CLOSE_OPTIONS, Card::Closeable::AUTO_CLOSE_AFTER), { class: "input input--select full-width margin-block-end", data: { action: "change->form#submit" } } %>
<hr class="separator--horizontal full-width" style="--border-color: var(--color-subtle); margin-block-start: auto;" aria-hidden="true" />