LogalDeveloper/owncast
0
Fork 0
Code Activity

fix youtube embed sizing and weird zindexing; fix single col video sizing inconsistency across other browsers

Browse Source
This commit is contained in:
Ginger Wong
2020-08-27 12:25:46 -07:00
parent b549b21257
commit 43e88ee81d
7 changed files with 18 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
webroot/js/components/chat/chat-input.js
View File

@@ -241,7 +241,7 @@ export default class ChatInput extends Component {
const placeholderText = generatePlaceholderText(inputEnabled, hasSentFirstChatMessage);
return (
html`
<div id="message-input-container" class="fixed bottom-0 shadow-md bg-gray-900 border-t border-gray-700 border-solid p-4">
<div id="message-input-container" class="fixed bottom-0 shadow-md bg-gray-900 border-t border-gray-700 border-solid p-4 z-20">
<${ContentEditable}
id="message-input"

6
webroot/js/components/chat/chat.js
View File

@@ -34,8 +34,8 @@ export default class Chat extends Component {
this.getChatHistory();
if (hasTouchScreen()) {
setVHvar();
window.addEventListener("orientationchange", setVHvar);
// setVHvar();
// window.addEventListener("orientationchange", setVHvar);
}
}
@@ -200,7 +200,7 @@ export default class Chat extends Component {
<div
id="messages-container"
ref=${this.scrollableMessagesContainer}
class="py-1 overflow-auto"
class="py-1 overflow-auto z-10"
>
${messageList}
</div>

4
webroot/js/components/chat/message.js
View File

@@ -29,7 +29,7 @@ export default class Message extends Component {
>
<img src=${avatar} class="p-1" />
</div>
<div class="message-content text-sm break-words">
<div class="message-content text-sm break-words w-full">
<div class="message-author text-white font-bold" style=${authorTextColor}>
${author}
</div>
@@ -47,7 +47,7 @@ export default class Message extends Component {
return (
html`
<div class="message message-name-change flex items-center justify-start p-3">
<div class="message-content flex flex-row items-center justify-center text-sm">
<div class="message-content flex flex-row items-center justify-center text-sm w-full">
<div
class="message-avatar rounded-full mr-3 bg-gray-900"
>