rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: Fixed issue where checklist item text in Super notes wasn't aligned correctly (#2656)

Browse Source
This commit is contained in:
Aman Harwara
2023-11-27 19:54:38 +05:30
committed by GitHub
parent c6b952ef23
commit 8ff0d20858
4 changed files with 50 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
packages/web/src/javascripts/Utils/getPlaintextFontSize.tsx
View File

@@ -1,29 +1,29 @@
import { MutuallyExclusiveMediaQueryBreakpoints, useMediaQuery } from '@/Hooks/useMediaQuery'
import { EditorFontSize } from '@standardnotes/snjs'
export const useResponsiveEditorFontSize = (key: EditorFontSize): string => {
export const useResponsiveEditorFontSize = (key: EditorFontSize, useTailwindClasses = true): string => {
const desktopMapping: Record<EditorFontSize, string> = {
ExtraSmall: 'text-xs',
Small: 'text-sm',
Normal: 'text-editor',
Medium: 'text-lg',
Large: 'text-xl',
ExtraSmall: useTailwindClasses ? 'text-xs' : '0.75rem',
Small: useTailwindClasses ? 'text-sm' : '0.875rem',
Normal: useTailwindClasses ? 'text-editor' : 'var(--sn-stylekit-font-size-editor)',
Medium: useTailwindClasses ? 'text-lg' : '1.125rem',
Large: useTailwindClasses ? 'text-xl' : '1.25rem',
}
const mobileMapping: Record<EditorFontSize, string> = {
ExtraSmall: 'text-sm',
Small: 'text-editor',
Normal: 'text-lg',
Medium: 'text-xl',
Large: 'text-2xl',
ExtraSmall: useTailwindClasses ? 'text-sm' : '0.875rem',
Small: useTailwindClasses ? 'text-editor' : 'var(--sn-stylekit-font-size-editor)',
Normal: useTailwindClasses ? 'text-lg' : '1.125rem',
Medium: useTailwindClasses ? 'text-xl' : '1.25rem',
Large: useTailwindClasses ? 'text-2xl' : '1.5rem',
}
const tabletMapping: Record<EditorFontSize, string> = {
ExtraSmall: 'text-sm',
Small: 'text-editor',
Normal: 'text-base',
Medium: 'text-xl',
Large: 'text-2xl',
ExtraSmall: useTailwindClasses ? 'text-sm' : '0.875rem',
Small: useTailwindClasses ? 'text-editor' : 'var(--sn-stylekit-font-size-editor)',
Normal: useTailwindClasses ? 'text-base' : '1rem',
Medium: useTailwindClasses ? 'text-xl' : '1.25rem',
Large: useTailwindClasses ? 'text-2xl' : '1.5rem',
}
const isTabletScreen = useMediaQuery(MutuallyExclusiveMediaQueryBreakpoints.md)