Custom channel emoticons WIP (#130): fix CSS

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
   }
 }

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)}
       />
     `

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;