fix bugs, improve UI

This commit is contained in:
marlon-erler
2024-07-11 22:27:15 +02:00
parent afc0a10b52
commit 1bf2f4ced2
12 changed files with 209 additions and 90 deletions
+10 -10
View File
@@ -1,5 +1,5 @@
[unread] {
border-left: 10px solid var(--text-warning);
border-left: 10px solid var(--text-warn);
}
/* TOOLS */
@@ -22,18 +22,18 @@
display: none;
}
[showingchattools] :is(.thread-view, .chat-object-view) {
#message-tab:has([showingchattools]) :is(.thread-view, .chat-object-view) {
overflow: scroll;
position: absolute;
padding: 0px;
}
[showingchattools] header {
#message-tab:has([showingchattools]) header {
border-bottom: 1px solid var(--border);
}
[showingchattools] .chat-object-view {
#message-tab:has([showingchattools]) .chat-object-view {
display: flex;
top: var(--header-height);
@@ -42,7 +42,7 @@
border-bottom: 1px solid var(--border);
}
[showingchattools] .thread-view {
#message-tab:has([showingchattools]) .thread-view {
display: flex;
height: var(--thread-view-height-with-tools);
@@ -54,22 +54,22 @@
}
@media (min-width: 640px) and (max-width: 1400px) {
main.split:has([showingchattools]) {
main.split:has(#message-tab [showingchattools]) {
display: flex;
}
main.split:has([showingchattools]) #settings-tab {
main.split:has(#message-tab [showingchattools]) #settings-tab {
display: none;
}
}
@media (min-width: 640px) {
[showingchattools] :is(.thread-view, .chat-object-view) {
#message-tab:has([showingchattools]) :is(.thread-view, .chat-object-view) {
top: var(--header-height);
bottom: var(--footer-top-line);
}
[showingchattools] .chat-object-view {
#message-tab:has([showingchattools]) .chat-object-view {
left: 0px;
right: var(--thread-view-width-with-tools);
@@ -77,7 +77,7 @@
border-right: 1px solid var(--border);
}
[showingchattools] .thread-view {
#message-tab:has([showingchattools]) .thread-view {
display: flex;
left: unset;