/* Images in the TipTap editors (js/editor/tiptap-image.js): the block, the frame its handles sit in, an old caption.
   The handles' look is tiptap-image-handles.css. */
.task-editor-tiptap .cadeo-image { display: block; }
.task-editor-tiptap .cadeo-image > .editor-image { display: inline-block; max-width: 100%; vertical-align: top; }
.task-editor-tiptap .cadeo-image-frame { position: relative; display: block; }
.task-editor-tiptap .cadeo-image-frame > img { max-width: 100%; height: auto; }
/* The whole block isn't outlined when selected: the handles' file marks the image itself */
.task-editor-tiptap .cadeo-image.ProseMirror-selectednode { outline: none; }
.task-editor-tiptap .cadeo-image.is-resizing,
.task-editor-tiptap .cadeo-image.is-resizing * { cursor: ew-resize; -webkit-user-select: none; user-select: none; }
.task-editor-tiptap .cadeo-image.is-resizing img { transition: none; }
/* A handle takes the pointer only while it's shown (hovered with a mouse, or the image selected): an invisible one
   never swallows a click or a finger's scroll. How it looks is the handles' file. */
.task-editor-tiptap .cadeo-image-handle { pointer-events: none; touch-action: none; }
@media (hover: hover) {
    .task-editor-tiptap .cadeo-image-frame:hover .cadeo-image-handle { pointer-events: auto; }
}
.task-editor-tiptap .cadeo-image.ProseMirror-selectednode .cadeo-image-handle,
.task-editor-tiptap .cadeo-image.is-resizing .cadeo-image-handle { pointer-events: auto; }
/* Read-only (a task you can only view), or a picture not (yet) loaded: nothing to resize */
.task-editor-tiptap .cadeo-image.no-picture .cadeo-image-handle,
.task-editor-tiptap .ProseMirror[contenteditable="false"] .cadeo-image-handle,
.task-editor-tiptap .ProseMirror[contenteditable="false"] .cadeo-image-size { display: none; }

/* Captions aren't a feature any more: an older image's caption text is shown, read-only; an empty one shows nothing
   (nor the old "Add a caption..." prompt), in the editor or wherever a note is shown */
.editor-image figcaption:empty { display: none; }
.task-editor-tiptap .cadeo-image-caption { cursor: default; }