Fixed a11y refresh button issue for Documents tab

Set toolTip for "Request Charge" and "Showing Results" metrics (#1212 )
2025-12-26 04:11:24 +00:00 · 2022-02-03 12:03:44 +05:30 · 2022-01-31 10:02:04 -08:00
3 changed files with 5 additions and 4 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>
--- a/src/Explorer/Tabs/QueryTab/QueryTabComponent.tsx
+++ b/src/Explorer/Tabs/QueryTab/QueryTabComponent.tsx
@@ -215,13 +215,13 @@ export default class QueryTabComponent extends React.Component<IQueryTabComponen
      {
        metric: "Request Charge",
        value: this.state.requestChargeDisplayText,
-        toolTip: "",
+        toolTip: "Request Charge",
        isQueryMetricsEnabled: true,
      },
      {
        metric: "Showing Results",
        value: this.state.showingDocumentsDisplayText,
-        toolTip: "",
+        toolTip: "Showing Results",
        isQueryMetricsEnabled: true,
      },
      {
Author	SHA1	Message	Date
vaidankarswapnil	39c3422a49	Fixed a11y refresh button issue for Documents tab	2022-02-03 12:03:44 +05:30
victor-meng	b7f0548cca	Set toolTip for "Request Charge" and "Showing Results" metrics (#1212 )	2022-01-31 10:02:04 -08:00