matty/peertube-plugin-livechat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Custom channel emoticons WIP (#130): fix CSS

Browse Source
This commit is contained in:
John Livingston 2024-06-06 19:04:37 +02:00
parent 200d21d5a6
commit 2dbfe49212
No known key found for this signature in database
GPG Key ID: B17B5640CE66CDBC
3 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/styles/configuration.scss
View File

@ -427,11 +427,9 @@ livechat-tags-input {
livechat-image-file-input { livechat-image-file-input {
img { img {
cursor: pointer; cursor: pointer;
position: fixed;
// width and height are values coming from ConverseJS custom emojis. // 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. // If we want to upload something else, we should add options on the field to customize.
max-height: 1.5em; max-height: 3em !important; // and no max-width
max-width: 1.5em;
} }
} }

2
client/common/lib/elements/image-file-input.ts
View File

@ -52,7 +52,7 @@ export class ImageFileInputElement extends LivechatElement {
type="file" type="file"
accept="${this.accept.join(',')}" accept="${this.accept.join(',')}"
class="form-control" class="form-control"
style=${this.value ? 'visibility: hidden;' : ''} style=${this.value ? 'display: none;' : ''}
@change=${async (ev: Event) => this._upload(ev)} @change=${async (ev: Event) => this._upload(ev)}
/> />
` `

7
conversejs/custom/shared/styles/_peertubetheme.scss
View File

@ -132,6 +132,13 @@
background-color: var(--peertube-grey-background) !important; 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 // underline links in chat messages
a[href] { a[href] {
text-decoration: underline; text-decoration: underline;