gabehf/sqm-dashboards
1
0
Fork 0
mirror of https://github.com/edcommonwealth/sqm-dashboards.git synced 2026-03-07 21:48:16 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

ECP-106 : feat : Update formatting on data filters so that radio selectors are always on same row as text and allow text to wrap to the next line if there isn't enough room

Browse source
This commit is contained in:
rebuilt 2025-03-19 13:58:12 -07:00
parent 6503d6444f
commit 592cc9b67c
3 changed files with 13 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

6
app/views/analyze/_data_filters.html.erb
View file

@ -41,16 +41,16 @@
<% end %>
<% @presenter.slices.each do | slice | %>
<div class="mx-3">
<div class="d-flex flex-row mx-3">
<input type="radio"
id="<%= slice.slug %>"
class="form-check-input"
class="form-check-input me-2"
name="graph"
value="<%= slice.graph.slug %>"
<%= slice.slug == @presenter.slice.slug ? "checked" : "" %>
<%= slice.slug == "all-data" ? "hidden" : "" %>>
<label for="<%= slice.slug %>"
<label class="text-break" for="<%= slice.slug %>"
<%= slice.slug == "all-data" ? "hidden" : "" %>>
<%= slice.to_s %></label>
</div>

2
app/views/analyze/_group_selectors.html.erb
View file

@ -11,7 +11,7 @@
<input type="hidden" id="year" name="<%= key %>" value="<%= value %>">
<% end %>
<select id="select-group" name="graph" class="mx-4 form-select" data-id="group-dropdown">
<select id="select-group" name="graph" class="ms-3 form-select" data-id="group-dropdown">
<% @presenter.groups.each do |group| %>
<option id="<%= group.slug %>" value="<%= group.graph.slug %>" <%= group.graph.slug == @presenter.graph.slug ? "Selected": "" %>><%= group.name %> </option>
<% end %>

2
app/views/analyze/index.html.erb
View file

@ -10,7 +10,7 @@
<hr>
</div>
<div class="d-flex flex-row pt-5 row">
<div class="d-flex flex-column flex-grow-6 bg-color-white col-3 px-5" >
<div class="d-flex flex-column flex-grow-6 bg-color-white col-3 py-5 px-3" >
<%= render partial: "focus_area", locals: {categories: @presenter.categories, district: @district, school: @school, academic_year: @academic_year, category: @presenter.category, subcategories: @presenter.subcategories} %>
<%= render partial: "school_years", locals: {available_academic_years: @presenter.academic_years, selected_academic_years: @presenter.selected_academic_years, district: @district, school: @school, academic_year: @academic_year, category: @presenter.category, subcategory: @presenter.subcategory, measures: @presenter.measures, graph: @presenter.graph} %>
<%= render partial: "data_filters", locals: {district: @district, school: @school, academic_year: @academic_year, category: @presenter.category, subcategory: @presenter.subcategory} %>