Files
nairobi/app/components/admin/dashboard/actions/form_component.html.erb
Javi Martín b4eba055c7 Correctly align radio buttons with their labels
We were using a `height: $line-height` property for this task. One of
the disadvantages of this approach is that things don't look so great
when the label expands over more than one line.

Back when we added that property, browser support for flex layouts
wasn't that great. Now there's universal support for it, so we can use
it instead.
2025-08-07 15:24:51 +02:00

83 lines
2.7 KiB
Plaintext

<div class="dashboard-action-form">
<%= form_for dashboard_action, url: { action: url_action } do |f| %>
<%= render "shared/errors" %>
<div class="row expanded">
<fieldset class="small-12 column">
<legend><%= attribute_name(:action_type) %></legend>
<div class="collection-radio-buttons">
<% ::Dashboard::Action.action_types.keys.each do |action_type_value| %>
<span class="radio-and-label">
<%= f.radio_button :action_type, action_type_value %>
</span>
<% end %>
</div>
</fieldset>
<div class="small-12 column margin-top">
<%= f.check_box :active %>
</div>
<div id="request_to_administrators" class="small-12 column margin-bottom">
<%= f.check_box :request_to_administrators %>
</div>
</div>
<div class="row expanded">
<div class="small-12 column">
<%= f.text_field :title %>
<div id="short_description">
<%= f.text_field :short_description %>
</div>
<%= f.text_area :description, class: "html-area" %>
</div>
</div>
<div class="row expanded margin-top">
<div class="small-12 column">
<%= f.check_box :published_proposal %>
<p class="help-text"><%= t("admin.dashboard.actions.form.published_proposal_help_text") %></p>
</div>
</div>
<div class="row expanded margin-top">
<div class="small-12 medium-4 column">
<%= f.number_field :day_offset, step: 1,
min: 0,
hint: t("admin.dashboard.actions.form.help_text") %>
</div>
<div class="small-12 medium-4 column">
<%= f.number_field :required_supports, step: 1,
min: 0,
hint: t("admin.dashboard.actions.form.help_text") %>
</div>
<div class="small-12 medium-4 column">
<%= f.number_field :order, step: 1,
min: 0,
hint: t("admin.dashboard.actions.form.help_text") %>
</div>
</div>
<% if feature?(:allow_attached_documents) %>
<div class="small-12 column">
<%= render Documents::NestedComponent.new(f) %>
</div>
<% end %>
<div class="links small-12 column">
<%= render "links/nested_links", linkable: dashboard_action, f: f %>
</div>
<div class="row expanded">
<div class="small-12 medium-6 large-4 column">
<%= f.submit(class: "button expanded", value: t("admin.dashboard.actions.form.submit_button")) %>
</div>
</div>
<% end %>
</div>