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

try making this easier on myself

This commit is contained in:
matty 2024-06-23 13:03:25 -04:00
parent 946aad93e4
commit 1ec4ac77ce
1 changed files with 32 additions and 28 deletions
Show Stats Download Patch File Download Diff File 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) {
@ -77,4 +77,8 @@
.send-button { .send-button {
border-radius: 0.25rem !important; border-radius: 0.25rem !important;
}
.send-button:hover {
background-color: #0067c1 !important;
} }