Files
watchparty/src/netflix.css
T

87 lines
1.6 KiB
CSS

body.netflix {
display: flex;
height: 100vh;
overflow: hidden;
}
body.netflix #appMountPoint {
z-index: 999;
overflow-y: auto;
max-height: 100vh;
resize: horizontal;
width: 1802px;
margin: 0px;
max-width: 100%;
flex-grow: 3;
flex-basis: 3;
}
.netflix-sans-font-loaded,
.netflix-sans-font-loaded > div,
.netflix-sans-font-loaded > div > div,
.nf-kb-nav-wrapper,
.sizing-wrapper {
height: 100%;
}
#appMountPoint .netflix-sans-font-loaded > div > div > .nf-kb-nav-wrapper .sizing-wrapper {
position: relative !important;
}
#party_wrapper.netflix {
position: relative;
z-index: 999;
flex-shrink: 3;
flex-basis: 1;
background-color: #1e2126;
width: 25%;
overflow: hidden;
display: flex;
}
#party_wrapper.netflix .content__wrapper {
flex: 1;
display: flex;
padding: 20px;
flex-direction: column;
}
#party_wrapper.netflix .party_chat_container {
flex: 1;
}
#party_wrapper.netflix h3{
color: white;
}
.party_chat_input {
position: relative;
display: flex;
}
.party_chat_input #chat_input {
resize: none;
max-height: 100px;
border-radius: 13px;
}
.party_chat_input ::-webkit-scrollbar {
display: none;
}
.party_chat_input #chat_send {
align-self: flex-end;
margin-left: 5px;
margin-bottom: 5px;
color: white;
}
.party_chat_input #chat_send svg {
height: 1.8rem;
width: 1.8rem;
}
#loading_container {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
background-color: rgba(80, 80, 80, 0.9);
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
#loading_container svg{
color: wheat;
width: 40px;
height: 40px;
}