Fixed a11y refresh button issue for Documents tab

2025-12-23 10:51:30 +00:00 · 2022-02-03 12:03:44 +05:30
2 changed files with 3 additions and 2 deletions
--- a/less/documentDB.less
+++ b/less/documentDB.less
@@ -2245,7 +2245,8 @@ a:link {
 }

 .refreshColHeader {
-  padding: 3px 6px 10px 0px !important;
+  padding: 3px 0px 10px 0px !important;
+  width: 15px;
 }

 .refreshColHeader:hover {
--- a/src/Explorer/Tabs/DocumentsTab.html
+++ b/src/Explorer/Tabs/DocumentsTab.html
@@ -158,13 +158,13 @@
                  role="button"
                  aria-label="Refresh documents"
                  data-bind="event: { keydown: onRefreshButtonKeyDown }"
+                  tabindex="0"
                >
                  <img
                    class="refreshcol"
                    src="/refresh-cosmos.svg"
                    data-bind="click: refreshDocumentsGrid"
                    alt="Refresh documents"
-                    tabindex="0"
                  />
                </th>
              </tr>