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
3 changed files with 16 additions and 5 deletions

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

View File

@@ -54,9 +54,7 @@ export class GraphVizComponent extends React.Component<GraphVizComponentProps> {
}
}
xmlSpace="preserve"
aria-label="Load more icon"
>
<title>Load More Icon</title>
<g style={{ opacity: 1 }}>
<g>
<g style={{ opacity: 0.4 }}>
@@ -153,7 +151,6 @@ export class GraphVizComponent extends React.Component<GraphVizComponentProps> {
width="20px"
height="20px"
>
<title>Triangle Right</title>
<polygon points="0.5,10 0.5,0 5.2,5 " />
</svg>
{/*<!-- Make whole area clickable instead of the shape -->*/}