#peertube-plugin-livechat-container { display: flex; flex-direction: column; } #plugin-placeholder-player-next #peertube-plugin-livechat-container { height: 100%; } .peertube-plugin-livechat-buttons { align-items: center; display: flex; flex-flow: row nowrap; justify-content: flex-end; } .peertube-plugin-livechat-button { display: inline; height: 36px !important; line-height: 0 !important; // override .peertube-button-link margin: 5px !important; padding: 2px !important; svg { display: inline-block !important; height: auto; } } .peertube-plugin-livechat-buttons-open .peertube-plugin-livechat-button { height: 18px !important; margin: 2px !important; padding: 1px !important; } [peertube-plugin-livechat-state="initializing"] { display: none; } [peertube-plugin-livechat-state="open"] .peertube-plugin-livechat-button-open { display: none; } [peertube-plugin-livechat-state="closed"] .peertube-plugin-livechat-button-close { display: none; } [peertube-plugin-livechat-state]:not([peertube-plugin-livechat-state="open"]) { .peertube-plugin-livechat-multi-button-main { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; margin-right: 0 !important; } .peertube-plugin-livechat-multi-button-secondary { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin-left: 0 !important; border-left: 1px solid currentColor; } } #peertube-plugin-livechat-container iframe { border: 1px solid black; min-height: 30vh; height: 100%; } .peertube-plugin-livechat-warning { color: orange; } .peertube-plugin-livechat-error { color: red; } table.peertube-plugin-livechat-prosody-list-rooms { border: 1px solid black; margin: 5px 0; } table.peertube-plugin-livechat-prosody-list-rooms tr:nth-child(odd) { background-color: #eee; } table.peertube-plugin-livechat-prosody-list-rooms tr:nth-child(even) { background-color: #fff; } table.peertube-plugin-livechat-prosody-list-rooms th { background-color: var(--mainHoverColor); border: 1px solid black; color: var(--mainBackgroundColor); padding: 4px 5px; } table.peertube-plugin-livechat-prosody-list-rooms td { border: 1px solid #555; color: black; padding: 4px 5px; }