1 | .str-chat__edit-message-form {
|
2 | width: 100%;
|
3 |
|
4 | form {
|
5 | position: relative;
|
6 | width: 100%;
|
7 | }
|
8 |
|
9 | textarea {
|
10 | padding: 8px;
|
11 | background: var(--white);
|
12 | box-shadow: inset 0 0 0 1px var(--primary-color);
|
13 | border: 1px solid transparent;
|
14 | resize: none;
|
15 | border-radius: var(--border-radius-sm);
|
16 | width: 100%;
|
17 | font-size: var(--lg-font);
|
18 | line-height: 22px;
|
19 | color: var(--black);
|
20 |
|
21 | &:focus {
|
22 | box-shadow: inset 0 0 0 1px var(--primary-color), 0 0 0 2px var(--primary-color-faded);
|
23 | outline: 0;
|
24 | }
|
25 | }
|
26 |
|
27 | .str-chat__message-team-form-footer {
|
28 | button {
|
29 | background: none;
|
30 | border: none;
|
31 | font-weight: var(--font-weight-bold);
|
32 | color: var(--grey);
|
33 |
|
34 | &[type='submit'] {
|
35 | color: var(--primary-color);
|
36 | }
|
37 | }
|
38 | }
|
39 |
|
40 | .rfu-dropzone {
|
41 | width: 100%;
|
42 | }
|
43 |
|
44 | .rfu-file-upload-button,
|
45 | .str-chat__input-emojiselect,
|
46 | .str-chat__input-fileupload {
|
47 | display: flex;
|
48 | position: unset;
|
49 | top: unset;
|
50 | right: unset;
|
51 | left: unset;
|
52 |
|
53 | svg {
|
54 | fill: var(--black);
|
55 | opacity: 0.5;
|
56 | }
|
57 |
|
58 | &:hover {
|
59 | svg {
|
60 | opacity: 1;
|
61 | }
|
62 | }
|
63 | }
|
64 | }
|
65 |
|
66 | .str-chat__edit-message-form-options {
|
67 | display: flex;
|
68 | align-items: baseline;
|
69 | }
|
70 |
|
71 | .str-chat__edit-message-form-options .str-chat__fileupload-wrapper:hover .str-chat__tooltip {
|
72 | display: none;
|
73 | }
|
74 |
|
75 | .str-chat.dark {
|
76 | .str-chat__edit-message-form {
|
77 | .rfu-file-upload-button,
|
78 | .str-chat__input-emojiselect {
|
79 | svg {
|
80 | fill: var(--grey-gainsboro);
|
81 | }
|
82 | }
|
83 |
|
84 | .str-chat__message-team-form-footer {
|
85 | button {
|
86 | color: var(--grey-gainsboro);
|
87 |
|
88 | &[type='submit'] {
|
89 | color: var(--primary-color);
|
90 | }
|
91 | }
|
92 | }
|
93 |
|
94 | textarea {
|
95 | background: var(--white5);
|
96 | box-shadow: 0 0 0 1px var(--black20);
|
97 | border: 2px solid transparent;
|
98 | border-radius: var(--border-radius-sm);
|
99 | color: var(--white);
|
100 |
|
101 | &:focus {
|
102 | box-shadow: inset 0 0 0 1px var(--primary-color);
|
103 | border: 2px solid var(--primary-color-faded);
|
104 | border-radius: var(--border-radius-sm);
|
105 | }
|
106 | }
|
107 | }
|
108 | }
|
109 |
|
110 | .str-chat__edit-message-form {
|
111 | position: relative;
|
112 | }
|