self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2025-03-06 15:36:49 +02:00
Code Issues Releases Activity

Desktop: Fixed fallback icon size on HTML notes (#11448)

Browse Source
This commit is contained in:
pedr 2024-11-27 09:14:32 -03:00 committed by GitHub
parent 2f3b388188
commit 8cf5ac33d1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 24 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
packages/renderer/noteStyle.ts
View File

@ -15,6 +15,27 @@ export interface Options {
whiteBackgroundNoteRendering?: boolean;
}
const notLoadedCss = `
.not-loaded-resource img {
width: 1.15em;
height: 1.15em;
background: white;
padding: 2px !important;
border-radius: 2px;
box-shadow: 0 1px 3px #000000aa;
}
a.not-loaded-resource img {
margin-right: .2em;
}
a.not-loaded-resource {
display: flex;
flex-direction: row;
align-items: center;
}
`;
// If we are viewing an HTML note, it means it comes from the web clipper or
// emil-to-note, in which case we don't apply any specific theme. We just need
// to ensure the background is white so that we don't end up with a dark theme
@ -25,6 +46,8 @@ export const whiteBackgroundNoteStyle = () => {
background-color: #ffffff;
}
${notLoadedCss}
/* TinyMCE adds a dashed border for tables that have no borders
to make it easier to view where the cells are and edit them.
However HTML notes may contain many nested tables used for
@ -334,24 +357,7 @@ export default function(theme: any, options: Options = null) {
color: black;
}
.not-loaded-resource img {
width: 1.15em;
height: 1.15em;
background: white;
padding: 2px !important;
border-radius: 2px;
box-shadow: 0 1px 3px #000000aa;
}
a.not-loaded-resource img {
margin-right: .2em;
}
a.not-loaded-resource {
display: flex;
flex-direction: row;
align-items: center;
}
${notLoadedCss}
.md-checkbox input[type=checkbox]:checked {
opacity: 0.7;