diff --git a/src/components/HTMLEngineProvider/BaseHTMLEngineProvider.tsx b/src/components/HTMLEngineProvider/BaseHTMLEngineProvider.tsx index 79ae9b37d01c..ba2a7e96011c 100755 --- a/src/components/HTMLEngineProvider/BaseHTMLEngineProvider.tsx +++ b/src/components/HTMLEngineProvider/BaseHTMLEngineProvider.tsx @@ -5,7 +5,6 @@ import type {TNode} from 'react-native-render-html'; import useThemeStyles from '@hooks/useThemeStyles'; import convertToLTR from '@libs/convertToLTR'; import FontUtils from '@styles/utils/FontUtils'; -import variables from '@styles/variables'; import type ChildrenProps from '@src/types/utils/ChildrenProps'; import {computeEmbeddedMaxWidth, isChildOfTaskTitle} from './htmlEngineUtils'; import htmlRenderers from './HTMLRenderers'; @@ -152,7 +151,7 @@ function BaseHTMLEngineProvider({textSelectable = false, children, enableExperim 'account-manager-link': HTMLElementModel.fromCustomModel({tagName: 'account-manager-link', contentModel: HTMLContentModel.textual}), 'next-step': HTMLElementModel.fromCustomModel({ tagName: 'next-step', - mixedUAStyles: {...styles.textLabelSupporting, paddingVertical: variables.labelPaddingVertical}, + mixedUAStyles: {...styles.textLabelSupporting, ...styles.lh16}, contentModel: HTMLContentModel.textual, }), 'next-step-email': HTMLElementModel.fromCustomModel({tagName: 'next-step-email', contentModel: HTMLContentModel.textual}), @@ -195,7 +194,6 @@ function BaseHTMLEngineProvider({textSelectable = false, children, enableExperim styles.taskTitleMenuItemItalic, styles.em, styles.h1, - styles.lh16, styles.blockquote, styles.onlyEmojisTextLineHeight, styles.subTextFileUpload, diff --git a/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx b/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx index 253fd313f47b..4885e059a74f 100644 --- a/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx +++ b/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx @@ -715,7 +715,7 @@ function MoneyRequestReportPreviewContent({ {reportStatus} )} - {!shouldShowAccessPlaceHolder && {expenseCount}} + {!shouldShowAccessPlaceHolder && {expenseCount}} ) )} diff --git a/src/components/ReportActionItem/TransactionPreview/TransactionPreviewContent.tsx b/src/components/ReportActionItem/TransactionPreview/TransactionPreviewContent.tsx index 4765d6aa2c76..5f16f61fe2f2 100644 --- a/src/components/ReportActionItem/TransactionPreview/TransactionPreviewContent.tsx +++ b/src/components/ReportActionItem/TransactionPreview/TransactionPreviewContent.tsx @@ -378,15 +378,7 @@ function TransactionPreviewContent({ /> {RBRMessage} diff --git a/src/styles/index.ts b/src/styles/index.ts index 496a8fcc0f51..c25dd36cbbcd 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -359,7 +359,7 @@ const staticStyles = (theme: ThemeColors) => alignItems: 'center', justifyContent: 'center', borderRadius: variables.componentBorderRadiusSmall, - minHeight: 16, + height: 16, }, reportStatusText: { @@ -1469,10 +1469,6 @@ const staticStyles = (theme: ThemeColors) => color: theme.textSupporting, }, - lhUndefined: { - lineHeight: undefined, - }, - lh14: { lineHeight: variables.lineHeightSmall, }, @@ -4136,12 +4132,8 @@ const staticStyles = (theme: ThemeColors) => height: 450, }, - textMicroSupportingPadding: { - padding: variables.paddingSmall, - }, - tabSelectorButton: { - minHeight: variables.tabSelectorButtonHeight, + height: variables.tabSelectorButtonHeight, padding: variables.tabSelectorButtonPadding, flexDirection: 'row', alignItems: 'center', diff --git a/src/styles/variables.ts b/src/styles/variables.ts index f897acb9e2f0..b29d76fdb817 100644 --- a/src/styles/variables.ts +++ b/src/styles/variables.ts @@ -52,7 +52,6 @@ export default { defaultAvatarPreviewSize: 360, fabBottom: 25, breadcrumbsFontSize: getValueUsingPixelRatio(19, 32), - labelPaddingVertical: Math.abs((getValueUsingPixelRatio(13, 19) - 16) / 2), fontSizeXXSmall: 7, fontSizeSmall: getValueUsingPixelRatio(11, 17), fontSizeExtraSmall: 9, @@ -134,7 +133,6 @@ export default { inputHeightSmall: 28, inputIconMarginTopSmall: getValueUsingPixelRatio(8, 11), inputIconMarginTopLarge: getValueUsingPixelRatio(16, 21), - paddingSmall: getValueUsingPixelRatio(7, 8), formErrorLineHeight: getValueUsingPixelRatio(18, 23), communicationsLinkHeight: getValueUsingPixelRatio(20, 30), alternateTextHeight: getValueUsingPixelRatio(20, 24),