Keep default styling to error

primer · Nov 15, 2023 · 6ceff6d · 6ceff6d
1 parent 84bd2c3
commit 6ceff6d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/app/components/primer/alpha/text_field.pcss b/app/components/primer/alpha/text_field.pcss
@@ -39,6 +39,8 @@
   flex-direction: row;
   align-items: flex-start;
   gap: var(--base-size-4);
+  color: var(--control-borderColor-danger);
+  fill: var(--control-borderColor-danger);
 
   & p {
     margin-bottom: 0;

diff --git a/lib/primer/forms/validation_message.html.erb b/lib/primer/forms/validation_message.html.erb
@@ -1,5 +1,5 @@
 <%= content_tag(:div, **@input.validation_arguments) do %>
   <span class="FormControl-inlineValidation--visual" data-target="<%= @input.validation_success_icon_target %>" hidden><%= render(Primer::Beta::Octicon.new(icon: :"check-circle-fill", size: :xsmall, aria: { hidden: true })) %></span>
-  <span class=" FormControl-inlineValidation--visual" data-target="<%= @input.validation_error_icon_target %>" hidden><%= render(Primer::Beta::Octicon.new(icon: :"alert-fill", size: :xsmall, aria: { hidden: true })) %></span>
+  <span class=" FormControl-inlineValidation--visual" data-target="<%= @input.validation_error_icon_target %>"><%= render(Primer::Beta::Octicon.new(icon: :"alert-fill", size: :xsmall, aria: { hidden: true })) %></span>
   <%= content_tag(:span, @input.invalid? ? @input.validation_messages.first : "", **@input.validation_message_arguments) %>
 <% end %>