fix bugs, improve UI
This commit is contained in:
+10
-10
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user