From a3eeb976282be7077b0c2bb2b009025c50331aeb Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@libreserver.org>
Date: Wed, 25 May 2022 13:12:45 +0100
Subject: [PATCH] Focus for column buttons

---
 webapp_column_left.py  |  7 ++++---
 webapp_column_right.py | 24 +++++++++++++++---------
 2 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/webapp_column_left.py b/webapp_column_left.py
index cf3b961da..dc88eec99 100644
--- a/webapp_column_left.py
+++ b/webapp_column_left.py
@@ -162,7 +162,8 @@ def get_left_column_content(base_dir: str, nickname: str, domain_full: str,
         # show the edit icon
         html_str += \
             '      <a href="/users/' + nickname + '/editlinks" ' + \
-            'accesskey="' + access_keys['menuEdit'] + '" tabindex="5">' + \
+            'accesskey="' + access_keys['menuEdit'] + '" tabindex="5" ' + \
+            'class="imageAnchor">' + \
             '<img class="' + edit_image_class + \
             '" loading="lazy" decoding="async" alt="' + \
             translate['Edit Links'] + ' | " title="' + \
@@ -173,7 +174,7 @@ def get_left_column_content(base_dir: str, nickname: str, domain_full: str,
         html_str += \
             '      <a href="/users/' + nickname + '/themedesigner" ' + \
             'accesskey="' + access_keys['menuThemeDesigner'] + \
-            '" tabindex="5">' + \
+            '" tabindex="5" class="imageAnchor">' + \
             '<img class="' + edit_image_class + \
             '" loading="lazy" decoding="async" alt="' + \
             translate['Theme Designer'] + ' | " title="' + \
@@ -192,7 +193,7 @@ def get_left_column_content(base_dir: str, nickname: str, domain_full: str,
     else:
         rss_title = translate['RSS feed for this site']
     rss_icon_str = \
-        '      <a href="' + rss_url + '" tabindex="5">' + \
+        '      <a href="' + rss_url + '" tabindex="5" class="imageAnchor">' + \
         '<img class="' + edit_image_class + \
         '" loading="lazy" decoding="async" alt="' + \
         rss_title + '" title="' + rss_title + \
diff --git a/webapp_column_right.py b/webapp_column_right.py
index 51d98ffb6..32b67616e 100644
--- a/webapp_column_right.py
+++ b/webapp_column_right.py
@@ -135,7 +135,8 @@ def get_right_column_content(base_dir: str, nickname: str, domain_full: str,
             html_str += \
                 '        <a href="' + \
                 '/users/' + nickname + '/editnewswire" ' + \
-                'accesskey="' + access_keys['menuEdit'] + '" tabindex="4">' + \
+                'accesskey="' + access_keys['menuEdit'] + \
+                '" tabindex="4" class="imageAnchor">' + \
                 '<img class="' + edit_image_class + \
                 '" loading="lazy" decoding="async" alt="' + \
                 translate['Edit newswire'] + ' | " title="' + \
@@ -146,7 +147,8 @@ def get_right_column_content(base_dir: str, nickname: str, domain_full: str,
             html_str += \
                 '        <a href="' + \
                 '/users/' + nickname + '/editnewswire" ' + \
-                'accesskey="' + access_keys['menuEdit'] + '" tabindex="4">' + \
+                'accesskey="' + access_keys['menuEdit'] + \
+                '" tabindex="4" class="imageAnchor">' + \
                 '<img class="' + edit_image_class + \
                 '" loading="lazy" decoding="async" alt="' + \
                 translate['Edit newswire'] + ' | " title="' + \
@@ -155,14 +157,15 @@ def get_right_column_content(base_dir: str, nickname: str, domain_full: str,
 
     # show the RSS icons
     rss_icon_str = \
-        '        <a href="/categories.xml" tabindex="4">' + \
+        '        <a href="/categories.xml" tabindex="4" ' + \
+        'class="imageAnchor">' + \
         '<img class="' + edit_image_class + \
         '" loading="lazy" decoding="async" alt="' + \
         translate['Hashtag Categories RSS Feed'] + ' | " title="' + \
         translate['Hashtag Categories RSS Feed'] + '" src="/' + \
         'icons/categoriesrss.png" /></a>\n'
     rss_icon_str += \
-        '        <a href="/newswire.xml" tabindex="4">' + \
+        '        <a href="/newswire.xml" tabindex="4" class="imageAnchor">' + \
         '<img class="' + edit_image_class + \
         '" loading="lazy" decoding="async" alt="' + \
         translate['Newswire RSS Feed'] + ' | " title="' + \
@@ -180,7 +183,8 @@ def get_right_column_content(base_dir: str, nickname: str, domain_full: str,
             html_str += \
                 '        <a href="' + \
                 '/users/' + nickname + '/newblog?nodropdown" ' + \
-                'accesskey="' + access_keys['menuNewPost'] + '">' + \
+                'accesskey="' + access_keys['menuNewPost'] + \
+                '" class="imageAnchor">' + \
                 '<img class="' + edit_image_class + \
                 '" loading="lazy" decoding="async" alt="' + \
                 title_str + '" title="' + \
@@ -299,7 +303,8 @@ def _html_newswire(base_dir: str, newswire: {}, nickname: str, moderator: bool,
                 html_str += \
                     ' ' + date_shown + '<a href="/users/' + nickname + \
                     '/newswireunvote=' + date_str_link + '" ' + \
-                    'title="' + translate['Remove Vote'] + '">'
+                    'title="' + translate['Remove Vote'] + \
+                    '" class="imageAnchor">'
                 html_str += '<img loading="lazy" decoding="async" ' + \
                     'class="voteicon" src="/' + \
                     'alt="' + translate['Remove Vote'] + '" ' + \
@@ -328,7 +333,7 @@ def _html_newswire(base_dir: str, newswire: {}, nickname: str, moderator: bool,
                 html_str += ' ' + date_shown
                 html_str += '<a href="/users/' + nickname + \
                     '/newswirevote=' + date_str_link + '" ' + \
-                    'title="' + translate['Vote'] + '">'
+                    'title="' + translate['Vote'] + '" class="imageAnchor">'
                 html_str += '<img class="voteicon" ' + \
                     'alt="' + translate['Vote'] + '" ' + \
                     'src="/icons/vote.png" /></a>'
@@ -394,7 +399,7 @@ def html_citations(base_dir: str, nickname: str, domain: str,
     html_str += \
         '<a href="/users/' + nickname + '/newblog" title="' + \
         translate['Go Back'] + '" alt="' + \
-        translate['Go Back'] + '">\n'
+        translate['Go Back'] + '" class="imageAnchor">\n'
     html_str += '<img loading="lazy" decoding="async" ' + \
         'class="timeline-banner" alt="" src="' + \
         '/users/' + nickname + '/' + banner_file + '" /></a>\n'
@@ -508,7 +513,8 @@ def html_newswire_mobile(css_cache: {}, base_dir: str, nickname: str,
         get_banner_file(base_dir, nickname, domain, theme)
     html_str += \
         '<a href="/users/' + nickname + '/' + default_timeline + '" ' + \
-        'accesskey="' + access_keys['menuTimeline'] + '">' + \
+        'accesskey="' + access_keys['menuTimeline'] + '" ' + \
+        'class="imageAnchor">' + \
         '<img loading="lazy" decoding="async" class="timeline-banner" ' + \
         'alt="' + translate['Timeline banner image'] + '" ' + \
         'src="/users/' + nickname + '/' + banner_file + '" /></a>\n'