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

Compare commits

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

5 Commits
946aad93e4 ... 951080eb4a

Author SHA1 Message Date
matty
951080eb4a change default --font-size 2024-06-23 13:11:29 -04:00
matty
9a4859955c fix duplicate CSS rule 2024-06-23 13:06:54 -04:00
matty
806437070b apply custom css from peertube in code 2024-06-23 13:06:25 -04:00
matty
8e7ca2f986 revert to variable for textarea background color 2024-06-23 13:04:46 -04:00
matty
1ec4ac77ce try making this easier on myself 2024-06-23 13:03:25 -04:00
3 changed files with 38 additions and 32 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(30vh, 200px); min-height: max(62vh, 400px);
} }
} }
/* 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) {
@ -78,3 +78,7 @@
.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: #26262678; --chat-textarea-background-color: var(--peertube-main-background);
--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: 14px; --font-size: 16px;
--font-size-large: 16px; --font-size-large: 18px;
--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,7 +170,9 @@ 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: 0.25rem !important; max-height: unset !important;
margin-bottom: 0.5rem !important;
margin-top: 0.4rem !important;
} }
} }