lavender/watch-party
7
4
Fork 5
Code Issues Pull requests 1 Projects Releases Wiki Activity

Compare commits

base: lavender:fba47e594361bc27df343cb431088c4aa15c41bf
Branches Tags
lavender:main
lavender:votekiss
lavender:experimental
..
compare: lavender:941949906d72b0e653939e23295eee2645cbc009
Branches Tags
lavender:main
lavender:votekiss
lavender:experimental

2 commits
fba47e5943 ... 941949906d

Author SHA1 Message Date
videogame hacker
941949906d Update cache busting tag (again) 2022-02-16 05:56:55 +00:00
videogame hacker
1e57e6a615 Shrink chatbox horizontal padding 
This was designed for the vertical layout
 2022-02-16 05:55:53 +00:00
9 changed files with 15 additions and 15 deletions
Show stats Expand all files Collapse all files

4
frontend/create.html
View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>watch party :D</title> <title>watch party :D</title>
<link rel="stylesheet" href="/styles.css?v=e9a1b" /> <link rel="stylesheet" href="/styles.css?v=1e57e6" />
</head> </head>
<body> <body>
@ -47,6 +47,6 @@
</form> </form>
</div> </div>
<script type="module" src="/create.mjs?v=e9a1b"></script> <script type="module" src="/create.mjs?v=1e57e6"></script>
</body> </body>
</html> </html>

2
frontend/create.mjs
View file

@ -1,4 +1,4 @@
import { setupCreateSessionForm } from "./lib/create-session.mjs?v=e9a1b"; import { setupCreateSessionForm } from "./lib/create-session.mjs?v=1e57e6";
const main = () => { const main = () => {
setupCreateSessionForm(); setupCreateSessionForm();

4
frontend/index.html
View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>watch party :D</title> <title>watch party :D</title>
<link rel="stylesheet" href="/styles.css?v=e9a1b" /> <link rel="stylesheet" href="/styles.css?v=1e57e6" />
</head> </head>
<body> <body>
@ -64,6 +64,6 @@
</form> </form>
</div> </div>
<script type="module" src="/main.mjs?v=e9a1b"></script> <script type="module" src="/main.mjs?v=1e57e6"></script>
</body> </body>
</html> </html>

4
frontend/lib/chat.mjs
View file

@ -2,8 +2,8 @@ import {
setDebounce, setDebounce,
setVideoTime, setVideoTime,
setPlaying, setPlaying,
} from "./watch-session.mjs?v=e9a1b"; } from "./watch-session.mjs?v=1e57e6";
import { emojify, emojis } from "./emojis.mjs?v=e9a1b"; import { emojify, emojis } from "./emojis.mjs?v=1e57e6";
function insertAtCursor(input, textToInsert) { function insertAtCursor(input, textToInsert) {
const isSuccess = document.execCommand("insertText", false, textToInsert); const isSuccess = document.execCommand("insertText", false, textToInsert);

2
frontend/lib/create-session.mjs
View file

@ -1,4 +1,4 @@
import { createSession } from "./watch-session.mjs?v=e9a1b"; import { createSession } from "./watch-session.mjs?v=1e57e6";
export const setupCreateSessionForm = () => { export const setupCreateSessionForm = () => {
const form = document.querySelector("#create-session-form"); const form = document.querySelector("#create-session-form");

2
frontend/lib/join-session.mjs
View file

@ -1,4 +1,4 @@
import { joinSession } from "./watch-session.mjs?v=e9a1b"; import { joinSession } from "./watch-session.mjs?v=1e57e6";
/** /**
* @param {HTMLInputElement} field * @param {HTMLInputElement} field

4
frontend/lib/watch-session.mjs
View file

@ -1,9 +1,9 @@
import { setupVideo } from "./video.mjs?v=e9a1b"; import { setupVideo } from "./video.mjs?v=1e57e6";
import { import {
setupChat, setupChat,
logEventToChat, logEventToChat,
updateViewerList, updateViewerList,
} from "./chat.mjs?v=e9a1b"; } from "./chat.mjs?v=1e57e6";
import ReconnectingWebSocket from "./reconnecting-web-socket.mjs"; import ReconnectingWebSocket from "./reconnecting-web-socket.mjs";
/** /**

2
frontend/main.mjs
View file

@ -1,4 +1,4 @@
import { setupJoinSessionForm } from "./lib/join-session.mjs?v=e9a1b"; import { setupJoinSessionForm } from "./lib/join-session.mjs?v=1e57e6";
const main = () => { const main = () => {
setupJoinSessionForm(); setupJoinSessionForm();

6
frontend/styles.css
View file

@ -212,14 +212,14 @@ button.small-button {
} }
#chatbox { #chatbox {
padding: 0.5em 2em; padding: 0.5em 0.5em;
overflow-y: scroll; overflow-y: scroll;
flex-shrink: 1; flex-shrink: 1;
flex-grow: 1; flex-grow: 1;
} }
#viewer-list { #viewer-list {
padding: 0.5em 2em; padding: 0.5em 0.5em;
/* TODO: turn this into max-height instead of fixed height without breaking the chatbox height */ /* TODO: turn this into max-height instead of fixed height without breaking the chatbox height */
overflow-y: scroll; overflow-y: scroll;
border-bottom: var(--fg); border-bottom: var(--fg);
@ -238,7 +238,7 @@ button.small-button {
} }
#chatbox-send { #chatbox-send {
padding: 0 2em; padding: 0 0.5em;
padding-bottom: 0.5em; padding-bottom: 0.5em;
position: relative; position: relative;
} }