mirrors/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-05-23 11:37:02 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Import emojis from scss and work around emoji bug on macos

Browse source 
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Tilman Vatteroth 2021-12-30 21:26:56 +01:00
parent 1a9a5e815a
commit 4de82b774b
8 changed files with 27 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/editor-page/editor-pane/extended-codemirror/codemirror.module.scss
View file

@ -15,7 +15,10 @@
@import './hints';
.CodeMirror {
font-family: "Fira Code", "Twemoji", Consolas, monaco, monospace;
& {
@import '../../../../../global-styles/variables.module';
font-family: "Fira Code", $font-family-emojis, Consolas, monaco, monospace;
}
letter-spacing: 0.025em;
line-height: 1.25;
font-size: 18px;

3
src/components/editor-page/editor-pane/tool-bar/emoji-picker/emoji-picker.tsx
View file

@ -12,6 +12,7 @@ import { useIsDarkModeActivated } from '../../../../../hooks/common/use-is-dark-
import styles from './emoji-picker.module.scss'
import forkawesomeIcon from './forkawesome.png'
import { ForkAwesomeIcons } from '../../../../common/fork-awesome/fork-awesome-icons'
import fontStyles from '../../../../../../global-styles/variables.module.scss'
export interface EmojiPickerProps {
show: boolean
@ -35,7 +36,7 @@ export const emojiPickerConfig = {
const twemojiStyle = (): HTMLStyleElement => {
const style = document.createElement('style')
style.textContent = 'section.picker { --font-family: "Twemoji" !important; }'
style.textContent = `section.picker { --font-family: ${fontStyles['font-family-emojis']} !important; }`
return style
}