yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Image cropper modal import missing component (#20651)

Browse Source 
* Import missing component

* Handle nullable type

* Vertically center image

* Add minimum width for SVG without dimensions

* 100% height until max height

* 100% height minus top/bottom padding

* Revert "100% height minus top/bottom padding"

This reverts commit 67ada4c70f4b75dfcfa2b54ce139ec7465a17ce1.

* Revert "Handle nullable type"

This reverts commit 3130e11a4be83a18b5a7d8c1c24ee23c94d8765d.

* Removed flexbox style

* Fixed circular dependency

---------

Co-authored-by: leekelleher <leekelleher@gmail.com>
This commit is contained in:
Bjarne Fyrstenborg
2025-12-02 18:07:01 +01:00
committed by GitHub
parent bcec927e64
commit 6104ae60ce
3 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-upload-field/file-upload-preview.element.ts
View File

@@ -1,4 +1,4 @@
import { getMimeTypeFromExtension } from '../../components/index.js'; import { getMimeTypeFromExtension } from './utils.js';
import type { ManifestFileUploadPreview } from './file-upload-preview.extension.js'; import type { ManifestFileUploadPreview } from './file-upload-preview.extension.js';
import type { UmbFileUploadPreviewElement as UmbFileUploadPreviewElementInterface } from './file-upload-preview.interface.js'; import type { UmbFileUploadPreviewElement as UmbFileUploadPreviewElementInterface } from './file-upload-preview.interface.js';
import { css, customElement, html, nothing, property, state } from '@umbraco-cms/backoffice/external/lit'; import { css, customElement, html, nothing, property, state } from '@umbraco-cms/backoffice/external/lit';

3
src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-upload-field/preview/input-upload-field-svg.element.ts
View File

@@ -16,9 +16,12 @@ export default class UmbInputUploadFieldSvgElement extends UmbLitElement impleme
static override readonly styles = [ static override readonly styles = [
css` css`
:host { :host {
height: 100%;
min-height: 240px; min-height: 240px;
max-height: 400px; max-height: 400px;
width: fit-content; width: fit-content;
min-width: 240px;
max-width: 100%; max-width: 100%;
} }

2
src/Umbraco.Web.UI.Client/src/packages/media/media/modals/image-cropper-editor/image-cropper-editor-modal.element.ts
View File

@@ -15,6 +15,8 @@ import { UMB_MODAL_MANAGER_CONTEXT, UmbModalBaseElement } from '@umbraco-cms/bac
import { UMB_WORKSPACE_MODAL } from '@umbraco-cms/backoffice/workspace'; import { UMB_WORKSPACE_MODAL } from '@umbraco-cms/backoffice/workspace';
import type { UmbModalManagerContext } from '@umbraco-cms/backoffice/modal'; import type { UmbModalManagerContext } from '@umbraco-cms/backoffice/modal';
import '../../components/input-upload-field/file-upload-preview.element.js';
@customElement('umb-image-cropper-editor-modal') @customElement('umb-image-cropper-editor-modal')
export class UmbImageCropperEditorModalElement extends UmbModalBaseElement< export class UmbImageCropperEditorModalElement extends UmbModalBaseElement<
UmbImageCropperEditorModalData<any>, UmbImageCropperEditorModalData<any>,