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

what the fuck

Browse Source
This commit is contained in:
matty 2024-07-20 22:45:58 -04:00
parent 5eb0ae414d
commit 9526a19aab
1 changed files with 53 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,7 +4,7 @@
* SPDX-License-Identifier: AGPL-3.0-only * SPDX-License-Identifier: AGPL-3.0-only
*/ */
#peertube-plugin-livechat-container { #peertube-plugin-livechat-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
@ -28,6 +28,57 @@
height: 100%; height: 100%;
converse-muc { converse-muc {
min-height: max(30vh, 200px); min-height: max(59vh, 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 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;
}
.send-button:hover {
background-color: #0067c1 !important;
}