Add expansion of time info on touch and mouse activation

HolgerJeromin · Nov 22, 2023 · 656e82f · 656e82f
1 parent 5da286b
commit 656e82f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
@@ -50,6 +50,10 @@ small, aside {
 time[title] {
   text-decoration: underline dotted;
 }
+time[title]:active::after,
+time[title]:focus::after {
+  content: " (" attr(title) ")";
+}
 
 #container { position: relative; }
 

diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
@@ -26,11 +26,11 @@ def dir
   end
 
   def friendly_date(date)
-    tag.time(time_ago_in_words(date), :title => l(date, :format => :friendly), :datetime => date.xmlschema)
+    tag.time(time_ago_in_words(date), :title => l(date, :format => :friendly), :datetime => date.xmlschema, :tabindex => 0)
   end
 
   def friendly_date_ago(date)
-    tag.time(time_ago_in_words(date, :scope => :"datetime.distance_in_words_ago"), :title => l(date, :format => :friendly), :datetime => date.xmlschema)
+    tag.time(time_ago_in_words(date, :scope => :"datetime.distance_in_words_ago"), :title => l(date, :format => :friendly), :datetime => date.xmlschema, :tabindex => 0)
   end
 
   def body_class

diff --git a/app/helpers/changesets_helper.rb b/app/helpers/changesets_helper.rb
@@ -23,9 +23,9 @@ def changeset_details(changeset)
     end
 
     if params.key?(:display_name)
-      t "browse.#{action}_ago_html", :time_ago => tag.time(time, :title => title, :datetime => datetime)
+      t "browse.#{action}_ago_html", :time_ago => tag.time(time, :title => title, :datetime => datetime, :tabindex => 0)
     else
-      t "browse.#{action}_ago_by_html", :time_ago => tag.time(time, :title => title, :datetime => datetime),
+      t "browse.#{action}_ago_by_html", :time_ago => tag.time(time, :title => title, :datetime => datetime, :tabindex => 0),
                                         :user => changeset_user_link(changeset)
     end
   end