| 2478 |
stevensc |
1 |
.conversejs {
|
|
|
2 |
--chatbox-border-radius: 10px !important;
|
|
|
3 |
--background: var(--bg-color) !important;
|
|
|
4 |
--foreground: var(--font-color) !important;
|
|
|
5 |
--muc-color: var(--font-color) !important;
|
|
|
6 |
--chat-color: var(--font-color) !important;
|
| 2561 |
stevensc |
7 |
--chat-toolbar-btn-color: rgb(231, 163, 62) !important;
|
| 2479 |
stevensc |
8 |
}
|
|
|
9 |
|
|
|
10 |
.conversejs converse-chats.converse-overlayed .chatbox .box-flyout {
|
|
|
11 |
border-radius: var(--chatbox-border-radius);
|
|
|
12 |
box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px -1px, rgba(0, 0, 0, 0.2) 1px 2px 4px;
|
| 2481 |
stevensc |
13 |
}
|
|
|
14 |
|
|
|
15 |
.conversejs.bottom-panel {
|
|
|
16 |
border-top: var(--chatbox-message-input-border-top);
|
|
|
17 |
display: flex;
|
|
|
18 |
flex-direction: row-reverse;
|
|
|
19 |
}
|
|
|
20 |
|
|
|
21 |
.conversejs .chatbox converse-chat-toolbar {
|
|
|
22 |
border-top: none !important;
|
|
|
23 |
flex: 1;
|
| 2545 |
stevensc |
24 |
}
|
|
|
25 |
|
|
|
26 |
.conversejs converse-chat-bottom-panel.bottom-panel {
|
|
|
27 |
display: flex;
|
|
|
28 |
flex-direction: row-reverse;
|
|
|
29 |
border-top: 1px solid var(--border-primary);
|
|
|
30 |
}
|
|
|
31 |
|
|
|
32 |
.conversejs converse-message-form {
|
|
|
33 |
flex-grow: 1;
|
|
|
34 |
}
|
|
|
35 |
|
|
|
36 |
.conversejs .chatbox .bottom-panel .sendXMPPMessage .chat-textarea {
|
| 2551 |
stevensc |
37 |
padding: .5rem !important;
|
|
|
38 |
min-height: auto !important;
|
| 2545 |
stevensc |
39 |
}
|
|
|
40 |
|
| 2546 |
stevensc |
41 |
.conversejs converse-message-history {
|
|
|
42 |
padding: 0 .3rem;
|
|
|
43 |
}
|
|
|
44 |
|
| 2545 |
stevensc |
45 |
.conversejs .chatbox .send-button {
|
| 2546 |
stevensc |
46 |
background-color: var(--button-bg) !important;
|
|
|
47 |
color: var(--button-text-color) !important;
|
| 2545 |
stevensc |
48 |
}
|
|
|
49 |
|
|
|
50 |
.conversejs .chat-toolbar .toolbar-buttons * {
|
|
|
51 |
margin-top: 0;
|
| 2546 |
stevensc |
52 |
}
|
|
|
53 |
|
|
|
54 |
.conversejs .message.chat-msg .chat-msg__author a {
|
|
|
55 |
max-width: 12ch;
|
|
|
56 |
text-overflow: ellipsis;
|
|
|
57 |
overflow: hidden;
|
| 2548 |
stevensc |
58 |
}
|
|
|
59 |
|
| 2556 |
stevensc |
60 |
.conversejs #controlbox .controlbox-section .controlbox-heading__btn converse-icon {
|
| 2551 |
stevensc |
61 |
color: var(--icons-color) !important;
|
|
|
62 |
}
|
|
|
63 |
|
| 2556 |
stevensc |
64 |
.conversejs #controlbox .controlbox-section .controlbox-heading__btn converse-icon:hover {
|
|
|
65 |
color: var(--icons-color) !important;
|
| 2551 |
stevensc |
66 |
}
|
|
|
67 |
|
| 2556 |
stevensc |
68 |
.conversejs #controlbox .controlbox-section .controlbox-heading__btn converse-icon svg {
|
|
|
69 |
|
| 2551 |
stevensc |
70 |
fill: currentColor !important;
|
| 2552 |
stevensc |
71 |
}
|
|
|
72 |
|
|
|
73 |
.conversejs .message {
|
|
|
74 |
max-width: 85% !important;
|
|
|
75 |
}
|
|
|
76 |
|
|
|
77 |
.conversejs .message.chat-msg:hover {
|
| 2553 |
stevensc |
78 |
background-color: transparent !important;
|
|
|
79 |
}
|
|
|
80 |
|
|
|
81 |
.conversejs .message.chat-msg .chat-msg__heading .chat-msg__time {
|
|
|
82 |
color: var(--subtitle-color) !important;
|
| 2554 |
stevensc |
83 |
}
|
|
|
84 |
|
|
|
85 |
.conversejs .avatar {
|
|
|
86 |
border-radius: 50% !important;
|
|
|
87 |
}
|
|
|
88 |
|
|
|
89 |
converse-message-actions .chat-msg__actions button {
|
|
|
90 |
background-color: transparent !important;
|
|
|
91 |
color: var(--font-color) !important;
|
| 2555 |
stevensc |
92 |
}
|
|
|
93 |
|
| 2557 |
stevensc |
94 |
converse-message-actions .chat-msg__actions button svg {
|
|
|
95 |
fill: currentColor !important;
|
|
|
96 |
}
|
|
|
97 |
|
| 2555 |
stevensc |
98 |
.online converse-icon {
|
|
|
99 |
color: rgb(80, 250, 123) !important;
|
| 2557 |
stevensc |
100 |
}
|
|
|
101 |
|
|
|
102 |
.conversejs #converse-roster .roster-contacts .list-item:hover {
|
|
|
103 |
background-color: rgba(0, 0, 0, 0.04) !important;
|
|
|
104 |
}
|
|
|
105 |
|
|
|
106 |
.conversejs .items-list .list-item .list-item-action {
|
|
|
107 |
opacity: 1 !important;
|
|
|
108 |
}
|
|
|
109 |
|
| 2559 |
stevensc |
110 |
.conversejs .items-list .list-item .list-item-action svg {
|
|
|
111 |
fill: var(--icons-color) !important;
|
|
|
112 |
}
|
|
|
113 |
|
| 2557 |
stevensc |
114 |
.conversejs .chatbox converse-chat-toolbar {
|
|
|
115 |
gap: .3rem;
|
|
|
116 |
}
|
|
|
117 |
|
|
|
118 |
.conversejs converse-chats.converse-overlayed .toggle-controlbox {
|
|
|
119 |
background-color: var(--button-bg) !important;
|
|
|
120 |
}
|
|
|
121 |
|
|
|
122 |
.conversejs converse-chats.converse-overlayed .toggle-controlbox span {
|
|
|
123 |
color: var(--button-text-color) !important;
|
| 2559 |
stevensc |
124 |
}
|
|
|
125 |
|
| 2560 |
stevensc |
126 |
.conversejs .message .chat-msg__author>.show-msg-author-modal {
|
| 2559 |
stevensc |
127 |
color: var(--subtitle-color) !important;
|
| 2561 |
stevensc |
128 |
}
|
|
|
129 |
|
|
|
130 |
.conversejs .chatbox converse-emoji-picker converse-emoji-picker-content .emoji-picker__lists .emoji-lists__container {
|
|
|
131 |
display: flex;
|
|
|
132 |
flex-direction: column;
|
| 2477 |
stevensc |
133 |
}
|