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

Compare commits

base: matty:951080eb4a07bdc9021d74990efbb198a6ad8cae
Branches Tags
matty:main
matty:nctv-avatar
matty:stable
matty:v10.3.2
matty:v10.2.0
..
compare: matty:946aad93e406cb3e125df34808db2da7355baca7
Branches Tags
matty:main
matty:nctv-avatar
matty:stable
matty:v10.3.2
matty:v10.2.0

No commits in common. "951080eb4a07bdc9021d74990efbb198a6ad8cae" and "946aad93e406cb3e125df34808db2da7355baca7" have entirely different histories.
951080eb4a ... 946aad93e4

3 changed files with 32 additions and 38 deletions
Show Stats Expand all files Collapse all files

60
assets/styles/video/_container.scss
View File

@ -28,39 +28,39 @@
height: 100%; height: 100%;
converse-muc { converse-muc {
min-height: max(62vh, 400px); min-height: max(30vh, 200px);
} }
} }
// /* Media query for mobile devices */ /* Media query for mobile devices */
// @media only screen and (max-width: 767px) { @media only screen and (max-width: 767px) {
// #peertube-plugin-livechat-container converse-root { #peertube-plugin-livechat-container converse-root {
// converse-muc { converse-muc {
// min-height: 58vh; min-height: 58vh;
// /* 100vh - 30vh for video = 70vh remaining */ /* 100vh - 30vh for video = 70vh remaining */
// } }
// } }
// } }
// /* Media query for tablets in portrait mode */ /* Media query for tablets in portrait mode */
// @media only screen and (min-width: 768px) and (max-width: 1023px) { @media only screen and (min-width: 768px) and (max-width: 1023px) {
// #peertube-plugin-livechat-container converse-root { #peertube-plugin-livechat-container converse-root {
// converse-muc { converse-muc {
// min-height: 25vh; min-height: 25vh;
// /* Slightly less to account for other elements */ /* Slightly less to account for other elements */
// } }
// } }
// } }
// /* Media query for tablets in landscape mode */ /* Media query for tablets in landscape mode */
// @media only screen and (min-width: 1024px) and (max-width: 1279px) { @media only screen and (min-width: 1024px) and (max-width: 1279px) {
// #peertube-plugin-livechat-container converse-root { #peertube-plugin-livechat-container converse-root {
// converse-muc { converse-muc {
// min-height: 25vh; min-height: 25vh;
// /* Assuming more height can be used */ /* Assuming more height can be used */
// } }
// } }
// } }
/* Media query for desktops */ /* Media query for desktops */
@media only screen and (min-width: 1280px) { @media only screen and (min-width: 1280px) {
@ -77,8 +77,4 @@
.send-button { .send-button {
border-radius: 0.25rem !important; border-radius: 0.25rem !important;
}
.send-button:hover {
background-color: #0067c1 !important;
} }

6
conversejs/custom/shared/styles/_variables.scss
View File

@ -64,7 +64,7 @@ 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-main-background); --chat-textarea-background-color: #26262678;
--chat-textarea-height: 38px; --chat-textarea-height: 38px;
--send-button-height: 27px; --send-button-height: 27px;
--send-button-margin: 3px; --send-button-margin: 3px;
@ -140,8 +140,8 @@ body.converse-embedded converse-root.theme-peertube {
--fullpage-chatbox-button-size: 24px; --fullpage-chatbox-button-size: 24px;
--font-size-tiny: 10px; --font-size-tiny: 10px;
--font-size-small: 12px; --font-size-small: 12px;
--font-size: 16px; --font-size: 14px;
--font-size-large: 18px; --font-size-large: 16px;
--font-size-huge: 20px; --font-size-huge: 20px;
--message-font-size: var(--font-size); --message-font-size: var(--font-size);
--separator-text-color: var(--peertube-grey-foreground); --separator-text-color: var(--peertube-grey-foreground);

4
conversejs/custom/shared/styles/livechat.scss
View File

@ -170,9 +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.
max-height: unset !important; margin-bottom: 0.25rem !important;
margin-bottom: 0.5rem !important;
margin-top: 0.4rem !important;
} }
} }