diff --git a/assets/styles/configuration.scss b/assets/styles/configuration.scss index fb916c30..db8dadf4 100644 --- a/assets/styles/configuration.scss +++ b/assets/styles/configuration.scss @@ -427,11 +427,9 @@ livechat-tags-input { livechat-image-file-input { img { cursor: pointer; - position: fixed; // width and height are values coming from ConverseJS custom emojis. // If we want to upload something else, we should add options on the field to customize. - max-height: 1.5em; - max-width: 1.5em; + max-height: 3em !important; // and no max-width } } diff --git a/client/common/lib/elements/image-file-input.ts b/client/common/lib/elements/image-file-input.ts index 8db9f917..95720eec 100644 --- a/client/common/lib/elements/image-file-input.ts +++ b/client/common/lib/elements/image-file-input.ts @@ -52,7 +52,7 @@ export class ImageFileInputElement extends LivechatElement { type="file" accept="${this.accept.join(',')}" class="form-control" - style=${this.value ? 'visibility: hidden;' : ''} + style=${this.value ? 'display: none;' : ''} @change=${async (ev: Event) => this._upload(ev)} /> ` diff --git a/conversejs/custom/shared/styles/_peertubetheme.scss b/conversejs/custom/shared/styles/_peertubetheme.scss index d4edc979..ebee8392 100644 --- a/conversejs/custom/shared/styles/_peertubetheme.scss +++ b/conversejs/custom/shared/styles/_peertubetheme.scss @@ -132,6 +132,13 @@ background-color: var(--peertube-grey-background) !important; } + // Changing size for emojis, to have bigger custom emojis + img.emoji { + width: unset !important; + height: unset !important; + max-height: 3em !important; // and no max-width + } + // underline links in chat messages a[href] { text-decoration: underline;