diff --git a/packages/pxweb2-ui/src/lib/components/Table/Table.module.scss b/packages/pxweb2-ui/src/lib/components/Table/Table.module.scss index 897e7c7e..51b31023 100644 --- a/packages/pxweb2-ui/src/lib/components/Table/Table.module.scss +++ b/packages/pxweb2-ui/src/lib/components/Table/Table.module.scss @@ -19,7 +19,7 @@ width: 40px; padding-left: 16px; @media screen and (min-width: fixed.$breakpoints-small-min-width) { - padding: 8px 12px; + padding: 8px 12px; } font-weight: normal; text-align: center; @@ -54,7 +54,7 @@ th.stub-0 { @media screen and (min-width: fixed.$breakpoints-small-min-width) { - padding-left: 12px; + padding-left: 12px; } border-left: none; } @@ -78,13 +78,13 @@ } th.stub-4 { @media screen and (min-width: fixed.$breakpoints-small-min-width) { - padding-left: 76px; + padding-left: 76px; } border-left: none; } th.stub-5 { @media screen and (min-width: fixed.$breakpoints-small-min-width) { - padding-left: 92px; + padding-left: 92px; } border-left: none; } @@ -111,7 +111,7 @@ td { padding-right: 16px; @media screen and (min-width: fixed.$breakpoints-small-min-width) { - padding: 8px 12px; + padding: 8px 12px; } width: 40px; text-align: right; @@ -124,8 +124,8 @@ } tr.firstdim th { border-top: 1px solid var(--px-color-border-default); - @media screen and (min-width: fixed.$breakpoints-small-min-width) { - border-top: 2px solid var(--px-color-border-default); + @media screen and (min-width: fixed.$breakpoints-small-min-width) { + border-top: 2px solid var(--px-color-border-default); } @media screen and (max-width: fixed.$breakpoints-xsmall-max-width) { padding-top: 16px; @@ -175,27 +175,25 @@ border-bottom: none; border-top: none; } - - .mobileRowHeadSecondLastStub >th, - .mobileRowHeadSecondLastStub >td{ + + .mobileRowHeadSecondLastStub > th, + .mobileRowHeadSecondLastStub > td { padding-top: 12px; padding-bottom: 4px; - background:none; - border-left:none ; - border-right:none; - border-bottom:none ; - border-top: none ; + background: none; + border-left: none; + border-right: none; + border-bottom: none; + border-top: none; font-family: PxWeb-font-700; } - .mobileRowHeadThirdLastStub>th, - .mobileRowHeadThirdLastStub >td{ + .mobileRowHeadThirdLastStub > th, + .mobileRowHeadThirdLastStub > td { padding-bottom: 16px; } - .mobileRowHeadlastValueOfLastStub>th, - .mobileRowHeadlastValueOfLastStub>td { + .mobileRowHeadlastValueOfLastStub > th, + .mobileRowHeadlastValueOfLastStub > td { padding-bottom: 16px; } - - } diff --git a/packages/pxweb2-ui/src/lib/components/Table/Table.tsx b/packages/pxweb2-ui/src/lib/components/Table/Table.tsx index 4820a07c..3898650c 100644 --- a/packages/pxweb2-ui/src/lib/components/Table/Table.tsx +++ b/packages/pxweb2-ui/src/lib/components/Table/Table.tsx @@ -182,7 +182,7 @@ export function createRows( table: PxTable, tableMeta: columnRowMeta, headingDataCellCodes: DataCellCodes[], - isMobile: boolean + isMobile: boolean, ): React.JSX.Element[] { const tableRows: React.JSX.Element[] = []; const stubDatacellCodes: DataCellCodes = new Array(); @@ -196,7 +196,7 @@ export function createRows( tableMeta, stubDatacellCodes, headingDataCellCodes, - tableRows + tableRows, ); } else { createRowDesktop( @@ -233,7 +233,7 @@ export function createRows( * * @param stubIndex - The index of the current stub variable. * @param rowSpan - The rowspan for the cells to add in this call. - * @param stubIteration - Iteration for the value + * @param stubIteration - Iteration for the value * @param table - The PxTable object representing the PxWeb table data. * @param tableMeta - The metadata for the table columns and rows. * @param stubDataCellCodes - The metadata structure for the dimensions of the stub cells. @@ -337,7 +337,7 @@ function createRowDesktop( * * @param stubIndex - The index of the current stub variable. * @param rowSpan - The rowspan for the cells to add in this call. - * @param stubIteration - Iteration for the value + * @param stubIteration - Iteration for the value * @param table - The PxTable object representing the PxWeb table data. * @param tableMeta - The metadata for the table columns and rows. * @param stubDataCellCodes - The metadata structure for the dimensions of the stub cells. @@ -353,9 +353,8 @@ function createRowMobile( tableMeta: columnRowMeta, stubDataCellCodes: DataCellCodes, headingDataCellCodes: DataCellCodes[], - tableRows: React.JSX.Element[] + tableRows: React.JSX.Element[], ): React.JSX.Element[] { - // Calculate the rowspan for all the cells to add in this call rowSpan = rowSpan / table.stub[stubIndex].values.length; @@ -467,7 +466,7 @@ function createRowMobile( tableMeta, stubDataCellCodes, headingDataCellCodes, - tableRows + tableRows, ); stubDataCellCodes.pop();