direct_conversation_new.scss (1666B)
1 .direct-conversation-new {
2 .panel-heading {
3 display: flex;
4 justify-content: space-between;
5 }
6
7 .btn {
8 padding-left: 1em;
9 padding-right: 1em;
10 }
11
12 .selected-user-list {
13 padding-left: 0.7em;
14 padding-top: 0.5em;
15
16 .selected-user {
17 cursor: pointer;
18 display: inline-block;
19 border: 1px solid;
20 border-color: $fallback--link;
21 border-color: var(--link, $fallback--link);
22 color: $fallback--link;
23 color: var(--link, $fallback--link);
24 padding: 0.5em;
25 border-radius: $fallback--attachmentRadius;
26 border-radius: var(--attachmentRadius, $fallback--attachmentRadius);
27 margin-right: 0.5em;
28 margin-top: 0.5em;
29 margin-bottom: 0.5em;
30
31 &:hover {
32 background-color: var(--selectedPost, $fallback--lightBg);
33 }
34 }
35
36 .notice-dismissible {
37 padding-right: 2.3rem;
38 position: relative;
39
40 .dismiss {
41 position: absolute;
42 top: 0;
43 right: 0;
44 padding: .35em;
45 color: inherit;
46
47 i {
48 color: $fallback--link;
49 color: var(--link, $fallback--link);
50 }
51 }
52 }
53 }
54
55 .member-list {
56 padding-bottom: 0.67rem;
57
58 .user-card-wrap {
59 .basic-user-card {
60 &:hover {
61 cursor: pointer;
62 background-color: var(--selectedPost, $fallback--lightBg);
63 }
64 }
65 }
66 }
67
68 .input-wrap {
69 display: flex;
70 margin: 0.7em 0.5em 0.7em 0.5em;
71
72 .button-icon {
73 font-size: 1.5em;
74 float: right;
75 margin-right: 0.3em;
76 }
77
78 .btn {
79 margin: 0 0.7em;
80 width: 6em;
81 }
82
83 input {
84 width: 100%;
85 }
86 }
87 }