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

v1.0.0-beta/styling update

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/Thread.css
+1
View File
@@ -31,6 +31,7 @@
background-color: rgb(49, 49, 49); background-color: rgb(49, 49, 49);
} }
.party-message { .party-message {
font-size: 0.75rem !important;
display: block; display: block;
width: fit-content; width: fit-content;
max-width: 60%; max-width: 60%;
src/index.css
+10 -10
View File
@@ -4,10 +4,10 @@ body {
transition: max-width ease-in-out 0.35s; transition: max-width ease-in-out 0.35s;
} }
body.visible { body.visible {
width: 65%; width: 75%;
} }
body.visible .watch-party-fab { body.visible .watch-party-fab {
right: 35% !important; right: 25% !important;
transform: translateX(50%); transform: translateX(50%);
top: 1.5rem; top: 1.5rem;
} }
@@ -18,17 +18,17 @@ body.visible .party-notification-container {
body.netflix.visible .AkiraPlayer, /* NETFLIX */ body.netflix.visible .AkiraPlayer, /* NETFLIX */
body.hulu.visible .Player__container,/* HULU */ body.hulu.visible .Player__container,/* HULU */
body.amazon-prime.visible #dv-web-player.dv-player-fullscreen /* AMAZON PRIME */ { body.amazon-prime.visible #dv-web-player.dv-player-fullscreen /* AMAZON PRIME */ {
max-width: 65% !important; max-width: 75% !important;
} }
/* HULU MINIMIZED VIDEO */ /* HULU MINIMIZED VIDEO */
body.hulu.visible #__player__ .Player__container.Player__container--modal { body.hulu.visible #__player__ .Player__container.Player__container--modal {
right: calc(35% + 2rem) !important; right: calc(25% + 2rem) !important;
z-index: 99999 !important; z-index: 99999 !important;
} }
/* HULU & AMAZON PRIME FIX */ /* HULU & AMAZON PRIME FIX */
body.hulu #party-routes-wrapper, body.hulu #party-routes-wrapper,
body.amazon-prime #party-routes-wrapper { body.amazon-prime #party-routes-wrapper {
width: 35% !important; width: 25% !important;
height: 100% !important; height: 100% !important;
} }
/* AMAZON STYLING FIX */ /* AMAZON STYLING FIX */
@@ -93,8 +93,8 @@ body.amazon-prime textarea:focus {
position: fixed; position: fixed;
background-color: rgb(27, 27, 27); background-color: rgb(27, 27, 27);
bottom: 0; bottom: 0;
width: calc(35% - 2rem); width: calc(25% - 2rem);
right: -35%; right: -25%;
transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;
height: calc(100% - 2rem); height: calc(100% - 2rem);
padding: 1rem; padding: 1rem;
@@ -111,7 +111,7 @@ body.amazon-prime textarea:focus {
display: none !important; display: none !important;
bottom: 0.8rem !important; bottom: 0.8rem !important;
right: 1rem !important; right: 1rem !important;
width: calc(35% - 2rem) !important; width: calc(25% - 2rem) !important;
} }
.party-notification-container .MuiPaper-root { .party-notification-container .MuiPaper-root {
border-radius: 26px !important; border-radius: 26px !important;
@@ -136,8 +136,8 @@ body.amazon-prime textarea:focus {
right: 1rem !important; right: 1rem !important;
} }
.watch-party-fab .fab-logo { .watch-party-fab .fab-logo {
max-width: 65%; max-width: 75%;
max-height: 65%; max-height: 75%;
} }
.party-create-container { .party-create-container {