consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix labels in color selection

Browse Source 
We were using the same label for two elements, but the label was only
assigned to one of them.
This commit is contained in:
Javi Martín
2024-04-03 23:24:18 +02:00
parent 8aff1414c5
commit 9c057d5695
6 changed files with 113 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/components/admin/banners/form_component.html.erb
View File

@@ -45,12 +45,12 @@
</div>
<div class="row">
<div class="small-12 medium-6 large-3 column">
<%= f.label :background_color, nil, for: "background_color_input" %>
<div class="small-12 medium-6 large-3 column background-color-inputs">
<%= f.label :background_color, nil, for: "background_color_input", id: "background_color_label" %>
<p class="help-text"><%= t("admin.shared.color_help") %></p>
<div class="row collapse">
<div class="small-12 medium-6 column">
<%= f.text_field :background_color, label: false, type: :color %>
<%= f.text_field :background_color, label: false, type: :color, "aria-labelledby": "background_color_label" %>
</div>
<div class="small-12 medium-6 column">
<%= f.text_field :background_color, label: false, id: "background_color_input" %>
@@ -58,12 +58,12 @@
</div>
</div>
<div class="small-12 medium-6 large-3 column end">
<%= f.label :font_color, nil, for: "font_color_input" %>
<div class="small-12 medium-6 large-3 column end font-color-inputs">
<%= f.label :font_color, nil, for: "font_color_input", id: "font_color_label" %>
<p class="help-text"><%= t("admin.shared.color_help") %></p>
<div class="row collapse">
<div class="small-12 medium-6 column">
<%= f.text_field :font_color, label: false, type: :color %>
<%= f.text_field :font_color, label: false, type: :color, "aria-labelledby": "font_color_label" %>
</div>
<div class="small-12 medium-6 column">
<%= f.text_field :font_color, label: false, id: "font_color_input" %>

6
app/components/admin/geozones/form_component.html.erb
View File

@@ -24,14 +24,14 @@
<%= f.text_area :geojson, rows: "10", hint: t("admin.geozones.geozone.geojson_help") %>
</div>
<div class="small-12 large-3 column">
<%= f.label :color, nil, for: "color_input", id: "color_input_label" %>
<div class="small-12 large-3 column color-inputs">
<%= f.label :color, nil, for: "color_input", id: "color_label" %>
<p class="help-text">
<%= t("admin.geozones.geozone.color_help", format_help: t("admin.shared.color_help")) %>
</p>
<div class="row collapse">
<div class="small-12 medium-6 column">
<%= f.text_field :color, label: false, type: :color %>
<%= f.text_field :color, label: false, type: :color, "aria-labelledby": "color_label" %>
</div>
<div class="small-12 medium-6 column">
<%= f.text_field :color, label: false, id: "color_input" %>

12
app/components/admin/legislation/processes/form_component.html.erb
View File

@@ -121,12 +121,12 @@
<h3><%= t("admin.legislation.processes.form.banner_title") %></h3>
</div>
<div class="small-6 large-3 column">
<%= f.label :background_color, nil, for: "background_color_input" %>
<div class="small-6 large-3 column background-color-inputs">
<%= f.label :background_color, nil, for: "background_color_input", id: "background_color_label" %>
<p class="help-text"><%= t("admin.shared.color_help") %></p>
<div class="row collapse">
<div class="small-12 medium-6 column">
<%= f.text_field :background_color, label: false, type: :color %>
<%= f.text_field :background_color, label: false, type: :color, "aria-labelledby": "background_color_label" %>
</div>
<div class="small-12 medium-6 column">
<%= f.text_field :background_color, label: false, id: "background_color_input" %>
@@ -134,12 +134,12 @@
</div>
</div>
<div class="small-6 large-3 column end">
<%= f.label :font_color, nil, for: "font_color_input" %>
<div class="small-6 large-3 column end font-color-inputs">
<%= f.label :font_color, nil, for: "font_color_input", id: "font_color_label" %>
<p class="help-text"><%= t("admin.shared.color_help") %></p>
<div class="row collapse">
<div class="small-12 medium-6 column">
<%= f.text_field :font_color, label: false, type: :color %>
<%= f.text_field :font_color, label: false, type: :color, "aria-labelledby": "font_color_label" %>
</div>
<div class="small-12 medium-6 column">
<%= f.text_field :font_color, label: false, id: "font_color_input" %>