Henry-Hiles/Messaging
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added extra room name text on mobile

Browse source
This commit is contained in:
Henry Hiles 2022-02-01 11:00:54 -05:00
parent c13d6c03d0
commit 1df2f02cc9
3 changed files with 9 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

5
public/script.js
View file

@ -49,7 +49,10 @@ if (roomName) {
isSystem: true, isSystem: true,
}) })
if (window.screen.width < 1000) toggleOpen() if (window.screen.width < 1000) {
toggleOpen()
document.querySelector("#roomName").innerText = roomName
}
} }
menuButton.addEventListener("click", toggleOpen) menuButton.addEventListener("click", toggleOpen)

7
public/style.css
View file

@ -38,7 +38,7 @@ body {
width: 0; width: 0;
overflow: hidden; overflow: hidden;
align-items: center; align-items: center;
transition: width 0.6s; transition: width 0.6s, padding 0.6s;
display: flex; display: flex;
z-index: 1; z-index: 1;
color: white; color: white;
@ -79,6 +79,7 @@ body {
#rooms.opened { #rooms.opened {
width: 18vw; width: 18vw;
padding: 20px;
} }
#rooms:not(.opened) + div nav { #rooms:not(.opened) + div nav {
@ -121,8 +122,8 @@ a {
grid-template-columns: 1fr 500px; grid-template-columns: 1fr 500px;
} }
nav:first-child a { nav span {
font-size: 1.5em !important; font-size: 2em;
} }
footer { footer {

2
views/index.ejs
View file

@ -76,7 +76,7 @@
/> />
</svg> </svg>
</button> </button>
<a href="#">Home</a><a href="#">Also home</a> <span id="roomName"></span>
<div id="change-name"> <div id="change-name">
<span id="name-display"></span> <span id="name-display"></span>
<button class="button-circle"> <button class="button-circle">