New buttons.

This commit is contained in:
John Livingston
2021-11-25 16:56:32 +01:00
parent 6dbb6286e3
commit f28fbf7ed3
5 changed files with 350 additions and 59 deletions

View File

@ -8,39 +8,29 @@
}
.peertube-plugin-livechat-buttons {
align-items: center;
display: flex;
flex-flow: row wrap;
flex-flow: row nowrap;
justify-content: flex-end;
}
.peertube-plugin-livechat-button {
border: 0;
background-color: var(--mainBackgroundColor);
margin: 5px;
height: 36px;
width: 36px;
padding: 2px;
}
display: inline;
height: 36px !important;
line-height: 0 !important; // override .peertube-button-link
margin: 5px !important;
padding: 2px !important;
.peertube-plugin-livechat-button-icon {
background-size: 32px 32px;
background-repeat: no-repeat;
background-color: transparent;
background-position: center center;
display: inline-block;
height: 100%;
width: 100%;
svg {
display: inline-block !important;
height: auto;
}
}
.peertube-plugin-livechat-buttons-open .peertube-plugin-livechat-button {
margin: 1px;
height: 18px;
width: 18px;
padding: 1px;
}
.peertube-plugin-livechat-buttons-open .peertube-plugin-livechat-button-icon {
background-size: 16px 16px;
height: 18px !important;
margin: 2px !important;
padding: 1px !important;
}
[peertube-plugin-livechat-state="initializing"] {
@ -55,6 +45,21 @@
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;