fix: ensure we are loading events properly during fsdb scan

fix: various styling issues on smaller screens
fix: map z-index
This commit is contained in:
Andy Burke 2026-02-24 15:54:56 -08:00
parent 873773bc91
commit 2d12104875
10 changed files with 126 additions and 38 deletions

View file

@ -73,18 +73,18 @@
padding: 0;
}
.user-tock.time-tock:has(+ .user-tock.time-tick),
.user-tock.time-tick:has(+ .user-tock.time-tock),
.user-tick.time-tock:has(+ .user-tick.time-tick),
.user-tick.time-tick:has(+ .user-tick.time-tock),
.user-tock.time-tock:has(+ .user-tick.time-tick),
.user-tock.time-tick:has(+ .user-tick.time-tock),
.user-tick.time-tock:has(+ .user-tock.time-tick),
.user-tick.time-tick:has(+ .user-tock.time-tock),
.user-tock.time-tock:last-of-type,
.user-tock.time-tick:last-of-type,
.user-tick.time-tock:last-of-type,
.user-tick.time-tick:last-of-type {
#chat-container .user-tock.time-tock:has(+ .user-tock.time-tick),
#chat-container .user-tock.time-tick:has(+ .user-tock.time-tock),
#chat-container .user-tick.time-tock:has(+ .user-tick.time-tick),
#chat-container .user-tick.time-tick:has(+ .user-tick.time-tock),
#chat-container .user-tock.time-tock:has(+ .user-tick.time-tick),
#chat-container .user-tock.time-tick:has(+ .user-tick.time-tock),
#chat-container .user-tick.time-tock:has(+ .user-tock.time-tick),
#chat-container .user-tick.time-tick:has(+ .user-tock.time-tock),
#chat-container .user-tock.time-tock:last-of-type,
#chat-container .user-tock.time-tick:last-of-type,
#chat-container .user-tick.time-tock:last-of-type,
#chat-container .user-tick.time-tick:last-of-type {
/* border: 1px dotted red; */
margin-bottom: 1rem !important;
padding-bottom: 0.25rem !important;
@ -92,31 +92,31 @@
margin-top: 0.5rem !important;
}
.user-tock.time-tock:has(+ .user-tock.time-tock),
.user-tock.time-tick:has(+ .user-tock.time-tick),
.user-tick.time-tock:has(+ .user-tick.time-tock),
.user-tick.time-tick:has(+ .user-tick.time-tick) {
#chat-container .user-tock.time-tock:has(+ .user-tock.time-tock),
#chat-container .user-tock.time-tick:has(+ .user-tock.time-tick),
#chat-container .user-tick.time-tock:has(+ .user-tick.time-tock),
#chat-container .user-tick.time-tick:has(+ .user-tick.time-tick) {
/* border: 1px dotted blue; */
margin-bottom: -0.75rem !important;
padding-top: 0 !important;
}
.user-tock.time-tock+.user-tock.time-tick:has(+ .user-tock.time-tick),
.user-tock.time-tick+.user-tock.time-tock:has(+ .user-tock.time-tock),
.user-tick.time-tock+.user-tick.time-tick:has(+ .user-tick.time-tick),
.user-tick.time-tick+.user-tick.time-tock:has(+ .user-tick.time-tock),
.user-tock.time-tock+.user-tick.time-tick:has(+ .user-tick.time-tick),
.user-tock.time-tick+.user-tick.time-tock:has(+ .user-tick.time-tock),
.user-tick.time-tock+.user-tock.time-tick:has(+ .user-tock.time-tick),
.user-tick.time-tick+.user-tock.time-tock:has(+ .user-tock.time-tock) {
#chat-container .user-tock.time-tock+.user-tock.time-tick:has(+ .user-tock.time-tick),
#chat-container .user-tock.time-tick+.user-tock.time-tock:has(+ .user-tock.time-tock),
#chat-container .user-tick.time-tock+.user-tick.time-tick:has(+ .user-tick.time-tick),
#chat-container .user-tick.time-tick+.user-tick.time-tock:has(+ .user-tick.time-tock),
#chat-container .user-tock.time-tock+.user-tick.time-tick:has(+ .user-tick.time-tick),
#chat-container .user-tock.time-tick+.user-tick.time-tock:has(+ .user-tick.time-tock),
#chat-container .user-tick.time-tock+.user-tock.time-tick:has(+ .user-tock.time-tick),
#chat-container .user-tick.time-tick+.user-tock.time-tock:has(+ .user-tock.time-tock) {
/* border: 1px dotted green; */
margin-bottom: -0.75rem !important;
}
#chat .message-container.user-tick.time-tick+.message-container.user-tick.time-tick .info-container,
#chat .message-container.user-tick.time-tock+.message-container.user-tick.time-tock .info-container,
#chat .message-container.user-tock.time-tick+.message-container.user-tock.time-tick .info-container,
#chat .message-container.user-tock.time-tock+.message-container.user-tock.time-tock .info-container {
#chat-container .message-container.user-tick.time-tick+.message-container.user-tick.time-tick .info-container,
#chat-container .message-container.user-tick.time-tock+.message-container.user-tick.time-tock .info-container,
#chat-container .message-container.user-tock.time-tick+.message-container.user-tock.time-tick .info-container,
#chat-container .message-container.user-tock.time-tock+.message-container.user-tock.time-tock .info-container {
opacity: 0;
visibility: hidden;
height: 0;
@ -170,7 +170,7 @@
display: none;
}
#chat .message-container .message-actions-container input[type="checkbox"]:checked~.message-action {
#chat-container .message-container .message-actions-container input[type="checkbox"]:checked~.message-action {
opacity: 1;
width: 3.25rem;
margin-right: 1.25rem;