Fix mobile info tooltips with tabindex

ThePletch · Nov 24, 2023 · 1dfbf40 · 1dfbf40
1 parent 260d263
commit 1dfbf40
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/app/views/events/_form.html.haml b/app/views/events/_form.html.haml
@@ -30,10 +30,10 @@
     .col-md-6
       = form.form_group do
         = form.check_box :secret, label: t('event.form.labels.secret'), label_class: 'btn btn-outline-dark', class: 'marked-checkbox btn-check', wrapper_class: 'd-inline-block'
-        .badge.rounded-pill.text-bg-primary#secret-explanation{data: {'bs-title' => t('event.form.secret_event_help'), 'bs-toggle' => 'tooltip', 'bs-placement' => 'auto'} } ?
+        = render "shared/info_tooltip", message: t('event.form.secret_event_help')
 
         = form.check_box :requires_testing, label: t('event.form.labels.covid_testing'), label_class: 'btn btn-outline-dark', class: 'marked-checkbox btn-check', wrapper_class: 'd-inline-block'
-        .badge.rounded-pill.text-bg-primary{data: {'bs-title' => t('event.form.testing_help'), 'bs-toggle' => 'tooltip', 'bs-placement' => 'auto'} } ?
+        = render "shared/info_tooltip", message: t('event.form.testing_help')
   .form-group
     = form.hidden_field :photo_crop_y_offset
     = form.file_field :photo, direct_upload: true, help: t('event.form.header_photo_help')

diff --git a/app/views/shared/_info_tooltip.html.haml b/app/views/shared/_info_tooltip.html.haml
@@ -0,0 +1 @@
+%span.badge.rounded-pill.text-bg-primary{tabindex: 0, data: {'bs-title' => message, 'bs-toggle' => 'tooltip', 'bs-placement' => 'auto'} } ?
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		%span.badge.rounded-pill.text-bg-primary{tabindex: 0, data: {'bs-title' => message, 'bs-toggle' => 'tooltip', 'bs-placement' => 'auto'} } ?