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
Expand all files Collapse all files

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

@ -28,39 +28,39 @@
height: 100%;
converse-muc {
min-height: max(30vh, 200px);
min-height: max(62vh, 400px);
}
}
/* 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 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 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 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) {
@ -77,4 +77,8 @@
.send-button {
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;
--chat-background-color: var(--peertube-main-background);
--chat-textarea-color: var(--peertube-input-foreground);
--chat-textarea-background-color: #26262678;
--chat-textarea-background-color: var(--peertube-main-background);
--chat-textarea-height: 38px;
--send-button-height: 27px;
--send-button-margin: 3px;
@ -140,8 +140,8 @@ body.converse-embedded converse-root.theme-peertube {
--fullpage-chatbox-button-size: 24px;
--font-size-tiny: 10px;
--font-size-small: 12px;
--font-size: 14px;
--font-size-large: 16px;
--font-size: 16px;
--font-size-large: 18px;
--font-size-huge: 20px;
--message-font-size: var(--font-size);
--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 {
converse-muc-message-form {
// 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;
}
}