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

v1.6.0/pending message handling

Browse Source
This commit is contained in:
ayushya
2020-08-04 22:55:01 -04:00
parent 9761b81577
commit 1873f7606a
6 changed files with 152 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/index.css
+57 -19
View File
@@ -154,7 +154,6 @@ body.peacock.visible .playback-header__container {
}
/* GOOGLE PLAY STYLING */
body.googleplay.visible {
overflow: hidden;
-webkit-font-smoothing: initial !important;
}
body.googleplay.visible div.llhEMd.bYEzqc.LAhoGb.iWO5td > div.mjANdc.eEPege {
@@ -192,8 +191,8 @@ body.googleplay.visible
height: 100%;
}
/* CRUNCHYROLL STYLING */
body.crunchyroll.visible {
overflow: hidden !important;
body.crunchyroll.visible #party-routes-wrapper input{
border: initial !important;
}
body.crunchyroll.visible header {
z-index: 0 !important;
@@ -385,17 +384,6 @@ body.crunchyroll.visible #vilos-player {
padding-right: 1rem !important;
font-size: 18px !important;
}
.thread-wrapper::-webkit-scrollbar {
width: 5px;
}
.thread-wrapper::-webkit-scrollbar-track {
background-color: rgb(90, 90, 90);
border-radius: 1rem;
}
.thread-wrapper::-webkit-scrollbar-thumb {
background-color: rgb(180, 180, 180);
border-radius: 13px;
}
textarea::-webkit-scrollbar {
display: none;
}
@@ -526,6 +514,7 @@ textarea::-webkit-scrollbar {
display: flex;
align-items: center;
margin: 0 15px 15px 15px;
margin-bottom: 0px;
border-radius: 26px;
}
.text-phone-panel .icon-button {
@@ -598,6 +587,7 @@ body.amazon-prime .notification-switch .MuiSwitch-thumb {
border: none !important;
border-radius: 26px !important;
margin: 0px 10px !important;
margin-bottom: 5px !important;
}
.alert-card-content {
@@ -615,6 +605,7 @@ body.amazon-prime .notification-switch .MuiSwitch-thumb {
text-transform: uppercase;
flex: 1;
justify-content: center;
max-width: 90% !important;
}
#mic-permission-overlay {
@@ -705,6 +696,16 @@ body.amazon-prime .notification-switch .MuiSwitch-thumb {
.replying-to-card button {
align-self: flex-start;
}
.giphy-wrapper.giphy-wrapper-down {
margin-bottom: -320px;
}
.giphy-wrapper {
transition: all ease-in-out 0.3s;
position: relative;
}
.giphy-list-wrapper {
max-height: 350px !important;
overflow-y: auto !important;
@@ -712,6 +713,30 @@ body.amazon-prime .notification-switch .MuiSwitch-thumb {
padding: 15px;
}
.thread-wrapper::-webkit-scrollbar,
.giphy-list-wrapper::-webkit-scrollbar {
width: 5px;
background-color: transparent;
transition: all ease-in-out 0.3s;
}
.thread-wrapper::-webkit-scrollbar:hover,
.giphy-list-wrapper::-webkit-scrollbar:hover {
background-color: #424242;
}
.thread-wrapper::-webkit-scrollbar-track,
.giphy-list-wrapper::-webkit-scrollbar-track {
background-color: transparent;
}
.thread-wrapper::-webkit-scrollbar-thumb,
.giphy-list-wrapper::-webkit-scrollbar-thumb {
background-color: #c0f30033;
border-radius: 26px !important;
}
.thread-wrapper::-webkit-scrollbar-thumb:hover,
.giphy-list-wrapper::-webkit-scrollbar-thumb:hover {
background-color: #c0f300;
}
.giphy-search-form {
height: 0;
width: 0;
@@ -721,10 +746,8 @@ body.amazon-prime .notification-switch .MuiSwitch-thumb {
button.giphy-list-item {
display: inline-block;
position: relative !important;
max-width: 49%;
height: fit-content;
vertical-align: top;
width: 50%;
top: unset !important;
overflow: hidden;
background: unset !important;
@@ -732,6 +755,16 @@ button.giphy-list-item {
cursor: pointer;
outline: none !important;
border: none !important;
opacity: 0.3;
transition: all ease-in-out 0.3s;
width: 50%;
max-width: 200px;
max-height: 100px !important;
}
.giphy-list-item:hover {
opacity: 1;
max-height: none !important;
}
.giphy-list-item img {
@@ -745,19 +778,24 @@ button.giphy-list-item {
position: absolute;
bottom: 0;
color: black;
background: #1b1b1b;
padding: 5px 15px;
padding-right: 25px;
border-top-right-radius: 26px;
padding-top: 15px;
border-top: 1px solid gray;
border-right: 1px solid gray;
backdrop-filter: blur(10px);
background-color: rgba(255,255,255,0.2);
}
.giphy-wrapper > div:nth-child(3) > img {
filter: invert(1);
mix-blend-mode: screen;
vertical-align: unset;
max-height: 20px;
filter: drop-shadow(0px 0px 0px black);
mix-blend-mode: darken;
}
.giphy-wrapper > .giphy-list-wrapper > div > div:nth-child(1) {
width: 100% !important;
}
}