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

refactor: move overrides into scss file [skip e2e]

Browse Source
This commit is contained in:
Aman Harwara
2023-10-29 20:08:06 +05:30
parent 198efdc41c
commit 98c61de501
2 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/export-overrides.scss Normal file
View File

@@ -0,0 +1,15 @@
.Lexical__listItemUnchecked,
.Lexical__listItemChecked {
min-height: 18px;
margin-bottom: 4px;
}
.Lexical__listItemUnchecked:before,
.Lexical__listItemChecked:before {
top: 0px;
}
.Lexical__listItemChecked:after {
top: 1px;
}
.Lexical__table {
margin: 10px 0;
}

13
packages/web/src/javascripts/Components/SuperEditor/Plugins/ExportPlugin/ExportPlugin.ts
View File

@@ -17,6 +17,8 @@ import { HeadlessSuperConverter } from '../../Tools/HeadlessSuperConverter'
import superEditorCSS from '!css-loader!sass-loader!../../Lexical/Theme/editor.scss' import superEditorCSS from '!css-loader!sass-loader!../../Lexical/Theme/editor.scss'
// @ts-expect-error Using inline loaders to load CSS as string // @ts-expect-error Using inline loaders to load CSS as string
import snColorsCSS from '!css-loader!sass-loader!@standardnotes/styles/src/Styles/_colors.scss' import snColorsCSS from '!css-loader!sass-loader!@standardnotes/styles/src/Styles/_colors.scss'
// @ts-expect-error Using inline loaders to load CSS as string
import exportOverridesCSS from '!css-loader!sass-loader!../../Lexical/Theme/export-overrides.scss'
const html = (title: string, content: string) => ` const html = (title: string, content: string) => `
<!DOCTYPE html> <!DOCTYPE html>
@@ -27,16 +29,7 @@ const html = (title: string, content: string) => `
<style> <style>
${snColorsCSS.toString()} ${snColorsCSS.toString()}
${superEditorCSS.toString()} ${superEditorCSS.toString()}
.Lexical__listItemUnchecked, .Lexical__listItemChecked { ${exportOverridesCSS.toString()}
min-height: 18px;
margin-bottom: 4px;
}
.Lexical__listItemUnchecked:before, .Lexical__listItemChecked:before {
top: 0px;
}
.Lexical__listItemChecked:after {
top: 1px;
}
</style> </style>
</head> </head>
<body> <body>