kosmos/akkounts
kosmos/akkounts
8
1
Fork 0
Code Issues 19 Pull Requests 1 Actions Packages Releases 12 Activity

Improve form fields with errors for model updates

Browse Source
This commit is contained in:
Râu Cao 2023-05-25 16:53:16 +02:00
parent 9048052318
commit 61f12c2741
Signed by: raucao
GPG Key ID: 15E65F399D084BA9
3 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/stylesheets/components/buttons.css
View File

@ -32,8 +32,4 @@
@apply bg-red-600 hover:bg-red-700 text-white
focus:ring-red-500 focus:ring-opacity-75;
}
input[type=text]:disabled {
@apply text-gray-700;
}
}

9
app/assets/stylesheets/components/forms.css
View File

@ -6,12 +6,13 @@
focus:ring-blue-600 focus:ring-opacity-75;
}
.field_with_errors {
@apply inline-block;
input[type=text]:disabled,
input[type=email]:disabled {
@apply text-gray-700;
}
.field_with_errors input {
@apply w-full bg-red-100;
input.field_with_errors {
@apply border-b-red-600;
}
.error-msg {

9
config/initializers/field_with_errors.rb Normal file
View File

@ -0,0 +1,9 @@
ActionView::Base.field_error_proc = Proc.new do |html_tag, instance|
if html_tag.match('class')
html_tag.gsub(/class="(.*?)"/, 'class="\1 field_with_errors"').html_safe
else
parts = html_tag.split('>', 2)
parts[0] += ' class="field_with_errors">'
(parts[0] + parts[1]).html_safe
end
end