27 Commits

Author SHA1 Message Date
946aad93e4 remove erroneous styling 2024-06-22 16:57:02 -04:00
794a97fbdd larger emojis in chat 2024-06-22 16:47:32 -04:00
a75e8af1ad fix input box style 2024-06-22 16:13:34 -04:00
ed9853fcbb fuck it dood 2024-06-22 16:08:43 -04:00
bc1ddbd6c4 suggestbox styling 2024-06-22 16:05:47 -04:00
f4eade1358 maybe do the styling for anchor elements in chat 2024-06-22 15:38:27 -04:00
f40eb064b0 test larger chat message sizes 2024-06-22 15:33:29 -04:00
739cc5e9c8 make emojis a little bigger, href styling 2024-06-22 11:40:23 -04:00
74ab01a5c4 links in messages, restore original converse-muc-message-form 2024-06-22 11:26:57 -04:00
bd8155c164 tablet sizing, slightly increase mobile 2024-06-22 11:22:18 -04:00
89b60013fe remove input styling, change tablet sizing 2024-06-22 11:15:46 -04:00
42bd732ebb test better sizing and media queries 2024-06-22 10:42:39 -04:00
009d84ef4f Merge branch 'main' of https://github.com/JohnXLivingston/peertube-plugin-livechat 2024-06-22 10:38:48 -04:00
cb52a55895 bump version 2024-06-20 17:45:44 -04:00
4148444e91 Merge branch 'main' of https://github.com/JohnXLivingston/peertube-plugin-livechat 2024-06-20 17:45:31 -04:00
de14b95f9a better send button 2024-06-19 21:52:15 -04:00
4f80119c83 slightly edit send button style 2024-06-19 21:36:15 -04:00
80b2093202 livechat message form formatting 2024-06-19 21:00:18 -04:00
3d4afc4341 edit chat text area size 2024-06-19 20:39:46 -04:00
49a87237ec better sizing for mobile 2024-06-19 20:15:45 -04:00
0737e14472 better sizing for mobile 2024-06-19 19:52:55 -04:00
226ea38e4d better sizing for mobile 2024-06-19 19:34:40 -04:00
559fe731e0 update package json 2024-06-19 19:24:27 -04:00
e8eb56d0b7 fix dumb nigger shit 2024-06-19 19:02:36 -04:00
1b97366cd8 fix dumb nigger shit 2024-06-19 18:19:19 -04:00
1f3eee9889 better mobile device sizing 2024-06-19 17:56:09 -04:00
772c1c1d14 better sizing for mobile and desktop devices 2024-06-19 17:43:09 -04:00
5 changed files with 63 additions and 14 deletions

View File

@ -31,3 +31,50 @@
min-height: max(30vh, 200px); min-height: max(30vh, 200px);
} }
} }
/* Media query for mobile devices */
@media only screen and (max-width: 767px) {
#peertube-plugin-livechat-container converse-root {
converse-muc {
min-height: 58vh;
/* 100vh - 30vh for video = 70vh remaining */
}
}
}
/* Media query for tablets in portrait mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#peertube-plugin-livechat-container converse-root {
converse-muc {
min-height: 25vh;
/* Slightly less to account for other elements */
}
}
}
/* Media query for tablets in landscape mode */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
#peertube-plugin-livechat-container converse-root {
converse-muc {
min-height: 25vh;
/* Assuming more height can be used */
}
}
}
/* Media query for desktops */
@media only screen and (min-width: 1280px) {
#peertube-plugin-livechat-container converse-root {
converse-muc {
height: inherit;
/* Full desktop experience */
}
}
}
/* custom toolbar CSS */
.send-button {
border-radius: 0.25rem !important;
}

View File

@ -134,17 +134,19 @@
// Changing size for emojis, to have bigger custom emojis // Changing size for emojis, to have bigger custom emojis
img.emoji { img.emoji {
width: unset !important; width: 3.5rem !important;
height: unset !important; height: 3.5rem !important;
max-height: 3em !important; // and no max-width // max-height: 4.25em !important; // and no max-width
} }
// underline links in chat messages // underline links in chat messages
a[href] { a[href] {
text-decoration: underline; text-decoration: none !important;
color: #f57200 !important;
&:hover { &:hover {
text-decoration: underline; text-decoration: underline !important;
color: #D16100 !important;
} }
} }
} }

View File

@ -64,8 +64,8 @@ body.converse-embedded converse-root.theme-peertube {
--message-avatar-height: 36px; --message-avatar-height: 36px;
--chat-background-color: var(--peertube-main-background); --chat-background-color: var(--peertube-main-background);
--chat-textarea-color: var(--peertube-input-foreground); --chat-textarea-color: var(--peertube-input-foreground);
--chat-textarea-background-color: var(--peertube-input-background); --chat-textarea-background-color: #26262678;
--chat-textarea-height: 60px; --chat-textarea-height: 38px;
--send-button-height: 27px; --send-button-height: 27px;
--send-button-margin: 3px; --send-button-margin: 3px;
--inline-action-margin: 0.75em; --inline-action-margin: 0.75em;

View File

@ -170,7 +170,7 @@ body.converse-embedded {
#peertube-plugin-livechat-container { #peertube-plugin-livechat-container {
converse-muc-message-form { converse-muc-message-form {
// For an unknown reason, message field in truncated... so adding a bottom margin. // For an unknown reason, message field in truncated... so adding a bottom margin.
margin-bottom: 6px; margin-bottom: 0.25rem !important;
} }
} }

View File

@ -1,13 +1,13 @@
{ {
"name": "peertube-plugin-livechat", "name": "peertube-plugin-livechat",
"description": "PeerTube plugin livechat: create chat rooms for your Peertube lives! Comes with many features: federation, moderation tools, chat bot, chat persistence, OBS integration, ...", "description": "NCTV fork of the peertube-plugin-livechat plugin, containing styling and other shit. This will be maintained with upstream.",
"version": "10.1.2", "version": "10.1.2",
"license": "AGPL-3.0", "license": "AGPL-3.0",
"author": { "author": {
"name": "John Livingston", "name": "Matty Boombalatty",
"url": "https://github.com/JohnXLivingston" "url": "https://gitea.nicecrew.digital/matty"
}, },
"bugs": "https://github.com/JohnXLivingston/peertube-plugin-livechat/issues", "bugs": "https://gitea.nicecrew.digital/matty/peertube-plugin-livechat/issues",
"clientScripts": [ "clientScripts": [
{ {
"script": "dist/client/common-client-plugin.js", "script": "dist/client/common-client-plugin.js",
@ -82,8 +82,8 @@
"engines": { "engines": {
"npm": ">=7" "npm": ">=7"
}, },
"homepage": "https://livingston.frama.io/peertube-plugin-livechat/", "homepage": "https://nicecrew.tv",
"repository": "github:JohnXLivingston/peertube-plugin-livechat", "repository": "https://gitea.nicecrew.digital/matty/peertube-plugin-livechat",
"keywords": [ "keywords": [
"peertube", "peertube",
"plugin" "plugin"