1
/* GROUP CHATS */
2

3
.group_pagination {
4
    display: flex;
5
    justify-content: center;
6
    align-items: center;
7
}
8

9
#rm_group_chats_block .tag.filterByFolder,
10
#rm_group_chats_block .tag.filterByGroups {
11
    display: none;
12
}
13

14
#rm_button_group_chats h2 {
15
    margin-top: auto;
16
    margin-bottom: auto;
17
    color: rgb(188, 193, 200, 1);
18
    border: 1px solid var(--SmartThemeBorderColor);
19
    ;
20
    background-color: rgba(0, 0, 0, 0.3);
21
    padding: 6px;
22
    border-radius: 10px;
23
}
24

25
#rm_group_chats_block {
26
    display: none;
27
    align-items: flex-start;
28
    padding: 0 5px;
29
    overflow-y: auto;
30
}
31

32
#rm_group_chats_block h3,
33
#rm_group_chats_block h5 {
34
    margin-top: 5px;
35
    margin-bottom: 5px;
36
}
37

38
#rm_group_buttons>div {
39
    display: flex;
40
    flex-direction: column;
41
}
42

43
#rm_group_buttons .checkbox {
44
    display: flex;
45
}
46

47
#rm_group_buttons .checkbox h4 {
48
    display: inline-block;
49
}
50

51
#rm_group_buttons>input {
52

53
    cursor: pointer;
54
    user-select: none;
55
}
56

57
#rm_group_buttons>input:disabled {
58
    filter: brightness(0.3);
59
    cursor: unset;
60
}
61

62
#rm_group_buttons textarea {
63
    margin: 0px;
64
    min-width: 200px;
65
}
66

67
#rm_group_members,
68
#rm_group_add_members {
69
    margin-top: 0.25rem;
70
    margin-bottom: 0.5rem;
71
    border: 1px solid var(--SmartThemeBorderColor);
72
    border-radius: 10px;
73
    background-color: var(--black30a);
74
    padding: 2px;
75
}
76

77
#rm_group_buttons_expander {
78
    flex-grow: 1;
79
}
80

81
#rm_group_delete {
82
    color: rgb(190, 0, 0);
83
}
84

85
#rm_group_members:empty {
86
    width: 100%;
87
    padding: 0.5em 0;
88
}
89

90
#rm_group_members:empty::before {
91
    content: attr(group_empty_text);
92

93
    font-weight: bolder;
94
    width: 100%;
95
    height: 100%;
96
    display: flex;
97
    justify-content: center;
98
    align-items: center;
99
    opacity: 0.8;
100
}
101

102
#rm_group_add_members:empty {
103
    width: 100%;
104
}
105

106
#rm_group_add_members_header {
107
    display: flex;
108
    flex-direction: row;
109
    width: 100%;
110
    column-gap: 10px;
111
}
112

113
#rm_group_add_members_header input {
114
    flex: 1;
115
    width: 100%;
116
}
117

118
#rm_group_add_members:empty::before {
119
    content: attr(no_characters_text);
120

121
    font-weight: bolder;
122
    width: 100%;
123
    height: 100%;
124
    display: flex;
125
    justify-content: center;
126
    align-items: center;
127
    opacity: 0.8;
128
}
129

130
.group_member_icon {
131
    display: flex;
132
    column-gap: 10px;
133
    align-items: center;
134
    justify-content: end;
135
    flex-grow: 1;
136
}
137

138
.group_member {
139
    display: flex;
140
    flex-direction: row;
141
    align-items: center;
142
    width: 100%;
143
    padding: 5px;
144
    border-radius: 10px;
145
}
146

147
.group_member .group_member_name {
148
    flex-grow: 1;
149
    margin-left: 10px;
150
    overflow: hidden;
151
    text-overflow: ellipsis;
152
    width: calc(100% - 110px);
153
    display: flex;
154
    gap: 5px;
155
    height: 100%;
156
    flex-direction: column;
157
    justify-content: center;
158
}
159

160
.group_member_icon .flex-container {
161
    gap: 0px;
162
}
163

164
#rm_group_members .right_menu_button,
165
#rm_group_add_members .right_menu_button {
166
    padding: 0px;
167
    height: 20px;
168
    display: flex;
169
    align-items: center;
170
}
171

172
#rm_group_members .right_menu_button[data-action="speak"],
173
#rm_group_members .group_member:not(.disabled) .right_menu_button[data-action="disable"] {
174
    opacity: 0.4;
175
    filter: brightness(0.5);
176
    transition: all var(--animation-duration-2x) ease-in-out;
177
}
178

179
/* #rm_group_members .right_menu_button[data-action="speak"]:hover, */
180
#rm_group_members .group_member:not(.disabled) .right_menu_button[data-action="disable"]:hover {
181
    opacity: inherit;
182
    filter: drop-shadow(0px 0px 5px rgb(243, 166, 65));
183
}
184

185
#rm_group_members .group_member.disabled .right_menu_button[data-action="enable"] {
186
    filter: drop-shadow(0px 0px 5px rgb(243, 166, 65));
187
}
188

189

190
#rm_group_members .right_menu_button[data-action="speak"]:hover {
191
    opacity: inherit;
192
    filter: drop-shadow(0px 0px 5px rgb(153, 255, 153));
193
}
194

195
/* Rules for icon display */
196
#rm_group_add_members .right_menu_button:not([data-action="add"], [data-action="view"]),
197
#rm_group_members .right_menu_button[data-action="add"],
198
#rm_group_members .group_member.disabled .right_menu_button[data-action="disable"],
199
#rm_group_members .group_member:not(.disabled) .right_menu_button[data-action="enable"] {
200
    display: none;
201
}
202

203
.group_select {
204
    display: flex;
205
    flex-direction: row;
206
    padding: 5px;
207
    border-radius: 10px;
208
    cursor: pointer;
209
}
210

211
.group_select:hover {
212
    background-color: var(--white30a);
213
}
214

215
.group_select.avatar {
216
    padding: 0;
217
}
218

219
.group_select.missing-avatar.inline_avatar {
220
    justify-content: center;
221
}
222

223
.group_select .avatar {
224
    flex: 0;
225
}
226

227
.group_select .group_icon {
228
    width: 20px;
229
    height: 20px;
230
    margin: 0 10px;
231
}
232

233
.group_select .group_fav_icon {
234
    filter: drop-shadow(0px 0px 1px black);
235
    color: #c5b457;
236
    font-size: 12px;
237
    order: -1;
238
    margin-left: -18px;
239
    margin-top: 3px;
240
}
241

242
.group_member .avatar {
243
    flex-shrink: 0;
244
    flex-basis: auto;
245
}