mirror of
https://github.com/ankitects/anki.git
synced 2025-09-18 14:02:21 -04:00
e7fbf159a6
* add min-height to fields * 30px → 1.5em This works with different font sizes too. Now there are no size jumps between empty field / field with string / field with empty html.
47 lines
871 B
SCSS
47 lines
871 B
SCSS
@use "../lib/sass/scrollbar";
|
|
|
|
* {
|
|
max-width: 100%;
|
|
min-height: 1.5em;
|
|
}
|
|
|
|
p {
|
|
margin-top: 0;
|
|
margin-bottom: 1rem;
|
|
|
|
&:empty::after {
|
|
content: "\a";
|
|
white-space: pre;
|
|
}
|
|
}
|
|
|
|
[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
:host(body),
|
|
:host(body) * {
|
|
@include scrollbar.custom;
|
|
}
|
|
|
|
pre {
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
// image size constraints
|
|
img:not(.mathjax) {
|
|
&:not([data-editor-shrink="false"]) {
|
|
:host-context(.shrink-image) & {
|
|
max-width: var(--editor-default-max-width);
|
|
max-height: var(--editor-default-max-height);
|
|
// prevent inline width/height from skewing aspect ratio
|
|
width: unset;
|
|
height: unset;
|
|
}
|
|
}
|
|
|
|
&[data-editor-shrink="true"] {
|
|
max-width: var(--editor-shrink-max-width);
|
|
max-height: var(--editor-shrink-max-height);
|
|
}
|
|
}
|