andyburke/autonomous.contact
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: rooms => zones

Browse source
This commit is contained in:
Andy Burke 2025-09-09 15:32:07 -07:00
parent 525568d368
commit 20a5d1bc88
27 changed files with 2466 additions and 2044 deletions
Download patch file Download diff file Expand all files Collapse all files

69
public/tabs/chat/chat.css
View file

@ -3,12 +3,12 @@
grid-template-columns: auto 1fr;
}
.room-list {
.zone-list {
margin: 1rem 0;
list-style-type: none;
}
.room-list > li.room a:before {
.zone-list > li.zone a:before {
position: absolute;
left: -1.75rem;
top: 0;
@ -18,7 +18,7 @@
color: var(--text);
}
.room-list > li.room a {
.zone-list > li.zone a {
position: relative;
display: block;
width: 100%;
@ -30,7 +30,7 @@
text-decoration: none;
}
.room-list > li.room.active a {
.zone-list > li.zone.active a {
color: var(--accent);
}
@ -56,11 +56,11 @@
line-height: 2rem;
}
#chat #room-chat-container {
#chat #zone-chat-container {
position: relative;
}
#chat #room-chat-content {
#chat #zone-chat-content {
overflow-y: scroll;
position: absolute;
top: 0;
@ -70,7 +70,7 @@
padding: 0.5rem;
}
#chat #room-chat-entry-container {
#chat #zone-chat-entry-container {
position: absolute;
bottom: 0;
left: 0;
@ -79,7 +79,7 @@
padding: 1rem;
}
#chat #room-chat-entry-container form {
#chat #zone-chat-entry-container form {
position: absolute;
top: 0;
left: 0;
@ -90,13 +90,13 @@
padding: 0.75rem;
}
#chat #room-chat-entry-container form input[type="file"] {
#chat #zone-chat-entry-container form input[type="file"] {
opacity: 0;
display: none;
}
#chat #room-chat-entry-container form button,
#chat #room-chat-entry-container form label {
#chat #zone-chat-entry-container form button,
#chat #zone-chat-entry-container form label {
position: relative;
top: inherit;
font-size: inherit;
@ -110,7 +110,7 @@
border: 1px solid var(--text);
}
#chat #room-chat-entry-container form textarea {
#chat #zone-chat-entry-container form textarea {
width: 100%;
flex-grow: 1;
background: inherit;
@ -163,27 +163,43 @@
#chat .message-container .message-actions-container {
position: absolute;
top: 0.5rem;
right: 0.5rem;
display: none; /* flex; */
flex-direction: row;
top: 0.1rem;
right: 0.1rem;
display: flex;
flex-direction: row-reverse;
border: 1px solid;
border-color: rgba(0, 0, 0, 0);
border-radius: var(--border-radius);
color: rgb(from var(--text) r g b / 0.7);
z-index: 10;
}
#chat .message-container .message-actions-container:has(input[type="checkbox"]:checked) {
background: rgb(from var(--bg) r g b / 0.9);
border-color: var(--border-subtle);
z-index: 11;
}
#chat .message-container .message-actions-container .message-action {
border: none;
opacity: 0;
transition: 0.2s ease-in-out;
width: 0;
height: 4rem;
align-content: center;
height: 3.5rem;
overflow: hidden;
order: -1;
cursor: pointer;
margin-right: 1.25rem;
padding-top: 0.25rem;
margin-right: 0;
padding: 0.25rem 0 0 0;
text-align: center;
text-wrap: nowrap;
}
#chat .message-container .message-actions-container label {
cursor: pointer;
width: 2rem;
text-align: right;
padding-top: 0.5rem;
}
#chat .message-container .message-actions-container input[type="checkbox"] {
@ -197,7 +213,8 @@
input[type="checkbox"]:checked
~ .message-action {
opacity: 1;
width: 4rem;
width: 3.25rem;
margin-right: 1.25rem;
}
#chat .message-container .message-actions-container .message-action .action-name {
@ -356,7 +373,7 @@
rotate: 180deg;
}
#chat #room-chat-container {
#chat #zone-chat-container {
position: absolute;
top: 0;
left: 0;
@ -364,13 +381,13 @@
bottom: 0;
}
#chat #room-chat-container #room-chat-entry-container,
#chat #room-chat-container #room-chat-entry-container form {
#chat #zone-chat-container #zone-chat-entry-container,
#chat #zone-chat-container #zone-chat-entry-container form {
padding: 0.25rem;
}
#chat #room-chat-container #room-chat-entry-container form button,
#chat #room-chat-container #room-chat-entry-container form label {
#chat #zone-chat-container #zone-chat-entry-container form button,
#chat #zone-chat-container #zone-chat-entry-container form label {
margin: 0 0.5rem;
}