v1.0.0-beta/styling update

This commit is contained in:
Ayushya Amitabh
2020-04-22 23:59:52 -04:00
parent bb220fced9
commit 368d95e875
2 changed files with 11 additions and 10 deletions
+1
View File
@@ -31,6 +31,7 @@
background-color: rgb(49, 49, 49);
}
.party-message {
font-size: 0.75rem !important;
display: block;
width: fit-content;
max-width: 60%;
+10 -10
View File
@@ -4,10 +4,10 @@ body {
transition: max-width ease-in-out 0.35s;
}
body.visible {
width: 65%;
width: 75%;
}
body.visible .watch-party-fab {
right: 35% !important;
right: 25% !important;
transform: translateX(50%);
top: 1.5rem;
}
@@ -18,17 +18,17 @@ body.visible .party-notification-container {
body.netflix.visible .AkiraPlayer, /* NETFLIX */
body.hulu.visible .Player__container,/* HULU */
body.amazon-prime.visible #dv-web-player.dv-player-fullscreen /* AMAZON PRIME */ {
max-width: 65% !important;
max-width: 75% !important;
}
/* HULU MINIMIZED VIDEO */
body.hulu.visible #__player__ .Player__container.Player__container--modal {
right: calc(35% + 2rem) !important;
right: calc(25% + 2rem) !important;
z-index: 99999 !important;
}
/* HULU & AMAZON PRIME FIX */
body.hulu #party-routes-wrapper,
body.amazon-prime #party-routes-wrapper {
width: 35% !important;
width: 25% !important;
height: 100% !important;
}
/* AMAZON STYLING FIX */
@@ -93,8 +93,8 @@ body.amazon-prime textarea:focus {
position: fixed;
background-color: rgb(27, 27, 27);
bottom: 0;
width: calc(35% - 2rem);
right: -35%;
width: calc(25% - 2rem);
right: -25%;
transition: all ease-in-out 0.3s;
height: calc(100% - 2rem);
padding: 1rem;
@@ -111,7 +111,7 @@ body.amazon-prime textarea:focus {
display: none !important;
bottom: 0.8rem !important;
right: 1rem !important;
width: calc(35% - 2rem) !important;
width: calc(25% - 2rem) !important;
}
.party-notification-container .MuiPaper-root {
border-radius: 26px !important;
@@ -136,8 +136,8 @@ body.amazon-prime textarea:focus {
right: 1rem !important;
}
.watch-party-fab .fab-logo {
max-width: 65%;
max-height: 65%;
max-width: 75%;
max-height: 75%;
}
.party-create-container {