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

v1.3.3-beta/UI fixes

Browse Source
This commit is contained in:
Ayushya Amitabh
2020-06-09 01:19:07 -04:00
parent 47c2ac4168
commit fca1ffb659
4 changed files with 56 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/index.css
+25 -10
View File
@@ -28,8 +28,7 @@ body.hulu.visible .Player__container,/* HULU */
body.amazon-prime.visible #dv-web-player.dv-player-fullscreen, /* AMAZON PRIME */
body.disney.visible #hudson-wrapper, /* DISNEY */
body.youtube.visible #content.ytd-app, /* YOUTUBE */
body.youtube.visible #masthead-container, /* YOUTUBE HEADER */
body.hbo.visible video.default {
body.youtube.visible #masthead-container /* YOUTUBE HEADER */ {
max-width: var(--body-width) !important;
}
/* HULU MINIMIZED VIDEO */
@@ -184,7 +183,7 @@ body.amazon-prime textarea:focus {
}
.party-create-container {
padding: 3.5rem;
padding: 38px;
display: flex;
flex-direction: column;
height: 100%;
@@ -195,6 +194,9 @@ body.amazon-prime textarea:focus {
padding: 2rem;
margin: auto 0;
}
.create-input-card * {
font-size: 12px !important;
}
.party-create-container .create-input-card .create-mode-select,
.party-create-container .create-input-card .create-name,
.party-create-container .create-input-card .create-pin {
@@ -216,6 +218,7 @@ body.amazon-prime textarea:focus {
word-break: break-word !important;
overflow: hidden !important;
padding-right: 1rem !important;
font-size: 18px !important;
}
.thread-container::-webkit-scrollbar {
width: 5px;
@@ -237,6 +240,13 @@ textarea::-webkit-scrollbar {
.chat-message-box > div {
border-radius: 26px;
}
.chat-message-box .MuiFormHelperText-root {
font-size: 10px !important;
}
.chat-message-box textarea {
min-height: 12px !important;
font-size: 12px !important;
}
.party-chat-container {
display: flex;
@@ -267,6 +277,9 @@ textarea::-webkit-scrollbar {
.party-chat-header-text {
flex: 1;
}
.party-chat-header-text .brand-title {
font-size: 10px;
}
.party-controls {
margin-top: 2rem;
}
@@ -274,6 +287,7 @@ textarea::-webkit-scrollbar {
margin-right: 0px !important;
}
.party-control-button-text {
font-size: 10px !important;
display: none;
}
.party-controls button:hover .party-control-button-text {
@@ -288,15 +302,15 @@ textarea::-webkit-scrollbar {
width: 100%;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
padding: 0 2rem !important;
padding-bottom: 1rem !important;
padding: 0 24px !important;
padding-bottom: 12px !important;
box-sizing: border-box !important;
}
.media-info-card .MuiCardContent-root {
padding: 0 !important;
}
.media-info-at {
font-size: 1rem !important;
font-size: 10px !important;
padding-left: 3px !important;
}
.media-info-container {
@@ -304,20 +318,21 @@ textarea::-webkit-scrollbar {
flex-direction: row;
}
.media-info-icon {
width: 3.5rem !important;
height: 3.5rem !important;
width: 48px !important;
height: 48px !important;
}
.media-info-right {
flex: 1;
padding-left: 1rem;
}
.media-info-right .show-name {
font-size: 1.2rem;
line-height: 1.75rem;
font-size: 12px;
line-height: 16px;
white-space: break-spaces !important;
}
.media-info-link {
color: inherit !important;
font-size: 10px !important;
}
.giphy-carousel::before {