ayushya/watchparty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1.6.0/brand new chat ui

Browse Source
This commit is contained in:
ayushya
2020-08-03 18:05:08 -04:00
parent 3e7494aef4
commit 9d0cb56cda
6 changed files with 1486 additions and 436 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/index.css
+71 -22
View File
@@ -159,14 +159,35 @@ body.googleplay.visible {
body.googleplay.visible div.llhEMd.bYEzqc.LAhoGb.iWO5td > div.mjANdc.eEPege {
padding: 0 !important;
}
body.googleplay.visible div.llhEMd.bYEzqc.LAhoGb.iWO5td > div.mjANdc.eEPege > div.LhXUod.XL54pf.J9Nfi.iWO5td,
body.googleplay.visible div.llhEMd.bYEzqc.LAhoGb.iWO5td > div > div.LhXUod.XL54pf.J9Nfi.iWO5td > span > div > div > iframe {
body.googleplay.visible
div.llhEMd.bYEzqc.LAhoGb.iWO5td
> div.mjANdc.eEPege
> div.LhXUod.XL54pf.J9Nfi.iWO5td,
body.googleplay.visible
div.llhEMd.bYEzqc.LAhoGb.iWO5td
> div
> div.LhXUod.XL54pf.J9Nfi.iWO5td
> span
> div
> div
> iframe {
min-height: 100%;
width: 100% !important;
height: 100% !important;
}
body.googleplay.visible div.llhEMd.bYEzqc.LAhoGb.iWO5td > div > div.LhXUod.XL54pf.J9Nfi.iWO5td > span > div,
body.googleplay.visible div.llhEMd.bYEzqc.LAhoGb.iWO5td > div > div.LhXUod.XL54pf.J9Nfi.iWO5td > span > div > div {
body.googleplay.visible
div.llhEMd.bYEzqc.LAhoGb.iWO5td
> div
> div.LhXUod.XL54pf.J9Nfi.iWO5td
> span
> div,
body.googleplay.visible
div.llhEMd.bYEzqc.LAhoGb.iWO5td
> div
> div.LhXUod.XL54pf.J9Nfi.iWO5td
> span
> div
> div {
height: 100%;
}
/* CRUNCHYROLL STYLING */
@@ -194,18 +215,6 @@ body.crunchyroll.visible #vilos-player {
max-height: 42vw !important;
}
/*
FULL SCREEN BUTTON REMOVER
*/
body.netflix
.touchable.PlayerControls--control-element.nfp-button-control.default-control-button.button-nfplayerFullscreen,
body.hulu .controls__view-mode-button-normal-icon.player-svgicon,
body.disney .control-icon-btn.fullscreen-icon,
body.amazon .fyysciv.f1lobqlo.fk0j80b {
display: none;
}
#party-loading {
position: absolute;
width: 100%;
@@ -354,12 +363,12 @@ body.amazon .fyysciv.f1lobqlo.fk0j80b {
.create-bottom-card a:hover {
color: #c0f300;
}
.thread-container {
.thread-wrapper {
max-height: 100%;
flex: 1;
overflow-y: auto;
margin-bottom: 1rem;
padding: 0 15px;
padding: 0;
margin-top: 1rem;
}
.room-title {
@@ -369,14 +378,14 @@ body.amazon .fyysciv.f1lobqlo.fk0j80b {
padding-right: 1rem !important;
font-size: 18px !important;
}
.thread-container::-webkit-scrollbar {
.thread-wrapper::-webkit-scrollbar {
width: 5px;
}
.thread-container::-webkit-scrollbar-track {
.thread-wrapper::-webkit-scrollbar-track {
background-color: rgb(90, 90, 90);
border-radius: 1rem;
}
.thread-container::-webkit-scrollbar-thumb {
.thread-wrapper::-webkit-scrollbar-thumb {
background-color: rgb(180, 180, 180);
border-radius: 13px;
}
@@ -614,6 +623,8 @@ body.amazon-prime .notification-switch .MuiSwitch-thumb {
align-items: center;
font-size: 11px;
text-transform: uppercase;
flex: 1;
justify-content: center;
}
#mic-permission-overlay {
@@ -665,4 +676,42 @@ body.amazon-prime .notification-switch .MuiSwitch-thumb {
.admin-only-switch {
margin-bottom: 20px !important;
}
}
.replying-to-card {
display: flex !important;
padding: 15px 20px 500px 20px !important;
border: none !important;
border-top-left-radius: 26px !important;
border-top-right-radius: 26px !important;
margin-bottom: -554px !important;
opacity: 0 !important;
transition: all ease-in-out 0.3s !important;
}
.replying-to-card.replying-to-card-up {
margin-bottom: -480px !important;
opacity: 1 !important;
}
.replying-to-content {
flex: 1;
overflow: hidden;
}
.replying-to-content img {
max-height: 75px;
border-radius: 26px;
}
.replying-to-content p {
font-size: 11px;
letter-spacing: 1.2px;
font-weight: 100;
overflow: hidden;
position: relative;
white-space: nowrap;
max-width: 100%;
text-overflow: ellipsis;
}
.replying-to-card button {
align-self: flex-start;
}