Compare commits

..

1 Commits

Author SHA1 Message Date
vaidankarswapnil
ac39b7a852 Fixed a11y scale autoscale details view issue 2022-02-07 13:17:25 +05:30
4 changed files with 19 additions and 2 deletions

View File

@@ -164,6 +164,7 @@ export class InputTypeaheadComponent extends React.Component<
<TextField
multiline={useTextarea}
rows={1}
id="input"
defaultValue={defaultValue}
ariaLabel="Input query"
placeholder={placeholder}

View File

@@ -14,6 +14,7 @@ exports[`inputTypeahead renders <input /> 1`] = `
<StyledTextFieldBase
ariaLabel="Input query"
className="input-type-head-text-field"
id="input"
multiline={false}
onChange={[Function]}
onFocus={[Function]}
@@ -40,6 +41,7 @@ exports[`inputTypeahead renders <textarea /> 1`] = `
<StyledTextFieldBase
ariaLabel="Input query"
className="input-type-head-text-field"
id="input"
multiline={true}
onChange={[Function]}
onFocus={[Function]}

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: {

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",