random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-03-14 05:45:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed a11y scale autoscale details view issue

Browse Source
This commit is contained in:
vaidankarswapnil 2022-02-07 13:17:25 +05:30
parent b7f0548cca
commit ac39b7a852
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/Explorer/Controls/Settings/SettingsRenderUtils.tsx
View File

@ -141,6 +141,19 @@ export const transparentDetailsHeaderStyle: Partial<IDetailsColumnStyles> = {
},
};
export const transparentDetailsCostHeaderStyle: Partial<IDetailsColumnStyles> = {
root: {
selectors: {
":hover": {
background: "transparent",
},
".ms-DetailsHeader-cellTitle": {
visibility: "hidden",
},
},
},
};
export const customDetailsListStyles: Partial<IDetailsListStyles> = {
root: {
selectors: {

5
src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/ThroughputInputAutoPilotV3Component.tsx
View File

@ -38,6 +38,7 @@ import {
PriceBreakdown,
saveThroughputWarningMessage,
titleAndInputStackProps,
transparentDetailsCostHeaderStyle,
transparentDetailsHeaderStyle,
} from "../../SettingsRenderUtils";
import { getSanitizedInputValue, IsComponentDirtyResult, isDirty } from "../../SettingsUtils";
@ -219,12 +220,12 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
const estimatedSpendingColumns: IColumn[] = [
{
key: "costType",
name: "",
name: "Cost Type",
fieldName: "costType",
minWidth: 100,
maxWidth: 200,
isResizable: true,
styles: transparentDetailsHeaderStyle,
styles: transparentDetailsCostHeaderStyle,
},
{
key: "minPerMonth",