Fixed a11y refresh button issue for Documents tab

2026-01-01 23:32:02 +00:00 · 2022-02-03 12:03:44 +05:30
3 changed files with 4 additions and 3 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/Panes/CassandraAddCollectionPane/CassandraAddCollectionPane.tsx
+++ b/src/Explorer/Panes/CassandraAddCollectionPane/CassandraAddCollectionPane.tsx
@@ -306,7 +306,7 @@ export const CassandraAddCollectionPane: FunctionComponent<CassandraAddCollectio
            multiline
            id="editor-area"
            rows={5}
-            ariaLabel="Table Schema"
+            aria-label="Table Schema"
            value={userTableQuery}
            onChange={(e, newValue) => setUserTableQuery(newValue)}
          />
--- 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>