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

styling

Browse Source
This commit is contained in:
Jesper Møller Jensen
2023-10-19 19:25:41 +13:00
parent 46273d3ef5
commit 5e1c9d26e1
2 changed files with 12 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/Umbraco.Web.UI.Client/src/packages/core/components/input-image-cropper/image-cropper.element.ts
View File

@@ -332,9 +332,9 @@ export class UmbImageCropperElement extends LitElement {
value="0"
step="0.001"></uui-slider>
<div id="actions">
<uui-button @click=${this.#onReset}>Reset crop</uui-button>
<uui-button look="secondary" @click=${this.#onCancel}>Cancel</uui-button>
<uui-button look="primary" color="positive" @click=${this.#onSave}>Save Crop</uui-button>
<uui-button @click=${this.#onReset} label="Reset"></uui-button>
<uui-button look="secondary" @click=${this.#onCancel} label="Cancel"></uui-button>
<uui-button look="primary" color="positive" @click=${this.#onSave} label="Save"></uui-button>
</div>
`;
}
@@ -363,6 +363,7 @@ export class UmbImageCropperElement extends LitElement {
#actions {
display: flex;
justify-content: flex-end;
gap: var(--uui-size-space-1);
}
#mask {

18
src/Umbraco.Web.UI.Client/src/packages/core/components/input-image-cropper/input-image-cropper.element.ts
View File

@@ -89,13 +89,7 @@ export class UmbInputImageCropperElement extends LitElement {
render() {
return html`
<div id="main">
${this.#renderMain()}
<div id="actions">
<uui-button>Remove files (NOT IMPLEMENTED YET)</uui-button>
<uui-button>Reset focal point</uui-button>
</div>
</div>
<div id="main">${this.#renderMain()}</div>
<div id="side">${this.#renderSide()}</div>
`;
}
@@ -108,9 +102,13 @@ export class UmbInputImageCropperElement extends LitElement {
.focalPoint=${this.focalPoint}
.value=${this.currentCrop}></umb-image-cropper>`
: html`<umb-image-cropper-focus-setter
@change=${this.#onFocalPointChange}
.focalPoint=${this.focalPoint}
.src=${this.src}></umb-image-cropper-focus-setter>`;
@change=${this.#onFocalPointChange}
.focalPoint=${this.focalPoint}
.src=${this.src}></umb-image-cropper-focus-setter>
<div id="actions">
<uui-button>Remove files (NOT IMPLEMENTED YET)</uui-button>
<uui-button>Reset focal point</uui-button>
</div> `;
}
#renderSide() {