diff --git a/src/Explorer/Controls/ThroughputInput/ThroughputInput.less b/src/Explorer/Controls/ThroughputInput/ThroughputInput.less index 0eed71bec..00c328077 100644 --- 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; +} \ No newline at end of file diff --git a/src/Explorer/Panes/AddCollectionPanel.tsx b/src/Explorer/Panes/AddCollectionPanel.tsx index d0c5428ad..24d3f61d4 100644 --- a/src/Explorer/Panes/AddCollectionPanel.tsx +++ b/src/Explorer/Panes/AddCollectionPanel.tsx @@ -33,6 +33,7 @@ import { isCapabilityEnabled, isServerlessAccount } from "Utils/CapabilityUtils" import { getUpsellMessage } from "Utils/PricingUtils"; import { CollapsibleSectionComponent } from "../Controls/CollapsiblePanel/CollapsibleSectionComponent"; import { ThroughputInput } from "../Controls/ThroughputInput/ThroughputInput"; +import "../Controls/ThroughputInput/ThroughputInput.less"; import { ContainerSampleGenerator } from "../DataSamples/ContainerSampleGenerator"; import Explorer from "../Explorer"; import { useDatabases } from "../useDatabases"; @@ -843,7 +844,11 @@ export class AddCollectionPanel extends React.Component Azure Synapse Link is required for creating an analytical store{" "} {getCollectionName().toLocaleLowerCase()}. Enable Synapse Link for this Cosmos DB account.{" "} - + Learn more diff --git a/src/Explorer/Panes/__snapshots__/AddCollectionPanel.test.tsx.snap b/src/Explorer/Panes/__snapshots__/AddCollectionPanel.test.tsx.snap index 2e393a23b..a89d84a81 100644 --- a/src/Explorer/Panes/__snapshots__/AddCollectionPanel.test.tsx.snap +++ b/src/Explorer/Panes/__snapshots__/AddCollectionPanel.test.tsx.snap @@ -400,6 +400,7 @@ exports[`AddCollectionPanel should render Default properly 1`] = ` . Enable Synapse Link for this Cosmos DB account.