refactor: finish UX refactor and move events storage

This commit is contained in:
Andy Burke 2025-09-12 09:24:22 -07:00
parent 4347d20263
commit f760156651
10 changed files with 269 additions and 27 deletions

View file

@ -96,6 +96,18 @@ select {
font-size: inherit;
}
input,
textarea {
width: 100%;
color: inherit;
border-radius: var(--border-radius);
border: 1px solid rgba(128, 128, 128, 0.2);
resize: none;
background: rgba(0, 0, 0, 0.01);
padding: 0.5rem;
font-size: large;
}
/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
min-height: 10em;
@ -124,7 +136,6 @@ body {
}
input[type="text"]:focus,
input[type="textarea"]:focus,
textarea:focus {
border-color: rgb(from var(--border-highlight) r g b / 60%);
outline: 0;
@ -166,6 +177,10 @@ textarea:focus {
);
}
.collapsed {
height: 0;
}
form div {
position: relative;
display: flex;
@ -193,15 +208,6 @@ form input:valid ~ label {
font-size: 20px;
}
form input {
width: 100%;
padding: 20px;
border: 1px solid rgb(from var(--text) r g b / 60%);
font-size: 20px;
background-color: var(--bg);
color: var(--text);
}
form input:focus {
outline: none;
}
@ -239,8 +245,20 @@ button.primary {
height: 0;
}
body[data-perms*="self.read"] [data-requires-permission="self.read"],
body[data-perms*="self.write"] [data-requires-permission="self.write"],
body[data-perms*="topics.create"] [data-requires-permission="topics.create"],
body[data-perms*="topics.read"] [data-requires-permission="topics.read"],
body[data-perms*="topics.write"] [data-requires-permission="topics.write"],
body[data-perms*="topics.chat.create"] [data-requires-permission="topics.chat.create"],
body[data-perms*="topics.chat.read"] [data-requires-permission="topics.chat.read"],
body[data-perms*="topics.chat.write"] [data-requires-permission="topics.chat.write"],
body[data-perms*="topics.threads.create"] [data-requires-permission="topics.threads.create"],
body[data-perms*="topics.threads.read"] [data-requires-permission="topics.threads.read"],
body[data-perms*="topics.threads.write"] [data-requires-permission="topics.threads.write"],
body[data-perms*="users.read"] [data-requires-permission="users.read"],
body[data-perms*="users.write"] [data-requires-permission="users.write"],
body[data-perms*="topics.create"] [data-requires-permission="topics.create"] {
body[data-perms*="files.write.own"] [data-requires-permission="files.write.own"] {
visibility: visible;
opacity: 1;
height: unset;