langfingaz/anki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix images not being constrained to field width

Browse Source 
Appears to have regressed in #2071. I'd used 'inherit' so that the default
editable styling would impose a 100% limit, but it appears that variable
interpolation prevents the parent styling from being applied.
This commit is contained in:
Damien Elmes 2022-12-24 12:57:38 +10:00
parent ff1f5f9f7a
commit cfe1b79737
2 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ts/editable/ResizableImage.svelte
View File

@ -4,8 +4,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
--> -->
<style lang="scss"> <style lang="scss">
:global(img:not(.mathjax)) { :global(img:not(.mathjax)) {
max-width: var(--editor-default-max-width); max-width: var(--editor-default-max-width, inherit);
max-height: var(--editor-default-max-height); max-height: var(--editor-default-max-height, inherit);
&:is([data-editor-shrink="true"]) { &:is([data-editor-shrink="true"]) {
max-width: var(--editor-shrink-max-width); max-width: var(--editor-shrink-max-width);

6
ts/editor/image-overlay/ImageOverlay.svelte
View File

@ -94,13 +94,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
`${maxHeight}px`, `${maxHeight}px`,
); );
} else { } else {
document.documentElement.style.setProperty( document.documentElement.style.removeProperty(
"--editor-default-max-width", "--editor-default-max-width",
"inherit",
); );
document.documentElement.style.setProperty( document.documentElement.style.removeProperty(
"--editor-default-max-height", "--editor-default-max-height",
"inherit",
); );
} }
} }