Update ThroughputInput.less

Update fulldatatables.less
2026-01-11 05:29:54 +00:00 · 2023-05-30 22:42:30 +05:30 · 2023-05-23 17:01:59 +05:30 · 2023-05-23 16:59:02 +05:30 · 2023-05-23 16:57:38 +05:30 · 2023-05-23 16:56:38 +05:30
4 changed files with 16 additions and 3 deletions
--- a/src/Explorer/Controls/ThroughputInput/ThroughputInput.less
+++ b/src/Explorer/Controls/ThroughputInput/ThroughputInput.less
@@ -14,3 +14,7 @@
 .throughputInputSpacing > :not(:last-child) {
  margin-bottom: @DefaultSpace;
 }
+.capacitycalculator-link:focus{
+  text-decoration: underline;
+  outline-offset: 2px;
+}
--- a/src/Explorer/Controls/ThroughputInput/ThroughputInput.tsx
+++ b/src/Explorer/Controls/ThroughputInput/ThroughputInput.tsx
@@ -226,6 +226,7 @@ export const ThroughputInput: FunctionComponent<ThroughputInputProps> = ({
              target="_blank"
              href="https://cosmos.azure.com/capacitycalculator/"
              aria-label="capacity calculator of azure cosmos db"
+              className="capacitycalculator-link"
            >
              capacity calculator
            </Link>
--- a/src/Explorer/Controls/ThroughputInput/snapshots/ThroughputInput.test.tsx.snap
+++ b/src/Explorer/Controls/ThroughputInput/snapshots/ThroughputInput.test.tsx.snap
@@ -714,11 +714,13 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
             
            <StyledLinkBase
              aria-label="capacity calculator of azure cosmos db"
+              className="capacitycalculator-link"
              href="https://cosmos.azure.com/capacitycalculator/"
              target="_blank"
            >
              <LinkBase
                aria-label="capacity calculator of azure cosmos db"
+                className="capacitycalculator-link"
                href="https://cosmos.azure.com/capacitycalculator/"
                styles={[Function]}
                target="_blank"
@@ -998,7 +1000,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
              >
                <a
                  aria-label="capacity calculator of azure cosmos db"
-                  className="ms-Link root-60"
+                  className="ms-Link capacitycalculator-link root-60"
                  href="https://cosmos.azure.com/capacitycalculator/"
                  onClick={[Function]}
                  target="_blank"
--- a/src/Explorer/Panes/PanelInfoErrorComponent.tsx
+++ b/src/Explorer/Panes/PanelInfoErrorComponent.tsx
@@ -32,8 +32,14 @@ export const PanelInfoErrorComponent: React.FunctionComponent<PanelInfoErrorProp
  return (
    <Stack className="panelInfoErrorContainer" horizontal verticalAlign="center">
      {icon}
-      <span className="panelWarningErrorDetailsLinkContainer" role="alert" aria-live="assertive">
-        <Text aria-label={message} className="panelWarningErrorMessage" variant="small">
+      <span className="panelWarningErrorDetailsLinkContainer">
+        <Text
+          role="alert"
+          aria-live="assertive"
+          aria-label={message}
+          className="panelWarningErrorMessage"
+          variant="small"
+        >
          {message}
          {link && linkText && (
            <Link target="_blank" href={link}>
Author	SHA1	Message	Date
MokireddySampath	55382effc1	Update ThroughputInput.less	2023-05-30 22:42:30 +05:30
MokireddySampath	2d1d80c2e6	Update fulldatatables.less	2023-05-23 17:01:59 +05:30
MokireddySampath	2d57b0f094	Update fulldatatables.less	2023-05-23 16:59:02 +05:30
MokireddySampath	3b7b6c2ac1	Update SplashScreen.tsx	2023-05-23 16:57:38 +05:30
MokireddySampath	8a5b602882	Update QuickstartCarousel.tsx	2023-05-23 16:56:38 +05:30
MokireddySampath	2b559fbb83	Update TableEntity.tsx	2023-05-23 16:55:07 +05:30
MokireddySampath	a18477dc50	Update queryBuilder.less	2023-05-23 16:54:24 +05:30
MokireddySampath	f77c218a60	Update fulldatatables.less	2023-05-23 16:52:33 +05:30
MokireddySampath	68831bafd3	Update fulldatatables.less	2023-05-23 16:50:11 +05:30