toki/mattermost-mobile
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[Gekidou MM-44209] Markdown heading style updates (#6296)

Browse source 
* first commit to update heading styles for markdown

* updated heading styles to use typography helper

* fix imports

Co-authored-by: Elias Nahum <nahumhbl@gmail.com>
This commit is contained in:
Matthew Birtch 2022-05-20 14:15:50 -04:00 committed by GitHub
parent b0e425ce07
commit 631e8ebd59
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 21 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
app/utils/markdown/index.ts
View file

@ -3,9 +3,9 @@
import {Platform, StyleSheet} from 'react-native';
import {getViewPortWidth} from '@utils/images';
import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme';
import {getViewPortWidth} from '../images';
import {typography} from '@utils/typography';
type LanguageObject = {
[key: string]: {
@ -37,52 +37,46 @@ export const getMarkdownTextStyles = makeStyleSheetFromTheme((theme: Theme) => {
fontFamily: 'OpenSans',
},
heading1: {
fontFamily: 'OpenSans-Bold',
fontSize: 24,
lineHeight: 25,
...typography('Heading', 700),
},
heading1Text: {
paddingVertical: 8,
paddingTop: 12,
paddingBottom: 6,
},
heading2: {
fontFamily: 'OpenSans-Bold',
fontSize: 22,
lineHeight: 25,
...typography('Heading', 600),
},
heading2Text: {
paddingVertical: 6,
paddingTop: 12,
paddingBottom: 6,
},
heading3: {
fontFamily: 'OpenSans-Bold',
fontSize: 21,
lineHeight: 25,
...typography('Heading', 500),
},
heading3Text: {
paddingVertical: 6,
paddingTop: 12,
paddingBottom: 6,
},
heading4: {
fontFamily: 'OpenSans-Bold',
fontSize: 20,
lineHeight: 25,
...typography('Heading', 400),
},
heading4Text: {
paddingVertical: 5,
paddingTop: 12,
paddingBottom: 6,
},
heading5: {
fontFamily: 'OpenSans-Bold',
fontSize: 19,
lineHeight: 25,
...typography('Heading', 300),
},
heading5Text: {
paddingVertical: 5,
paddingTop: 12,
paddingBottom: 6,
},
heading6: {
fontFamily: 'OpenSans-Bold',
fontSize: 18,
lineHeight: 25,
...typography('Heading', 200),
},
heading6Text: {
paddingVertical: 4,
paddingTop: 12,
paddingBottom: 6,
},
code: {
alignSelf: 'center',
@ -114,7 +108,7 @@ export const getMarkdownTextStyles = makeStyleSheetFromTheme((theme: Theme) => {
export const getMarkdownBlockStyles = makeStyleSheetFromTheme((theme: Theme) => {
return {
adjacentParagraph: {
marginTop: 6,
marginTop: 8,
},
horizontalRule: {
backgroundColor: theme.centerChannelColor,