File tree 1 file changed +123
-0
lines changed
1 file changed +123
-0
lines changed Original file line number Diff line number Diff line change
1
+ .mentions-input-box {
2
+ position : relative ;
3
+ background : #fff ;
4
+
5
+ textarea {
6
+ width : 100% ;
7
+ display : block ;
8
+ height : 18px ;
9
+ padding : 9px ;
10
+ border : 1px solid #dcdcdc ;
11
+ border-radius : 3px ;
12
+ overflow : hidden ;
13
+ background : transparent ;
14
+ position : relative ;
15
+ outline : 0 ;
16
+ resize : none ;
17
+
18
+ -webkit-box-sizing : border-box ;
19
+ -moz-box-sizing : border-box ;
20
+ box-sizing : border-box ;
21
+ }
22
+
23
+ .mentions {
24
+ position : absolute ;
25
+ left : 1px ;
26
+ right : 0 ;
27
+ top : 1px ;
28
+ bottom : 0 ;
29
+ padding : 9px ;
30
+ color : #fff ;
31
+ overflow : hidden ;
32
+
33
+ white-space : pre-wrap ;
34
+ word-wrap : break-word ;
35
+
36
+ > div {
37
+ color : #fff ;
38
+ white-space : pre-wrap ;
39
+ width : 100% ;
40
+
41
+ > strong {
42
+ font-weight : normal ;
43
+ background : #d8dfea ;
44
+
45
+ > span {
46
+ filter : progid:DXImageTransform.Microsoft .Alpha (opacity = 0 );
47
+ }
48
+ }
49
+ }
50
+ }
51
+
52
+ .mentions-autocomplete-list {
53
+ display : none ;
54
+ background : #fff ;
55
+ border : 1px solid #b2b2b2 ;
56
+ position : absolute ;
57
+ left : 0 ;
58
+ right : 0 ;
59
+ z-index : 10000 ;
60
+ margin-top : -2px ;
61
+
62
+ border-radius : 5px ;
63
+ border-top-right-radius : 0 ;
64
+ border-top-left-radius : 0 ;
65
+
66
+ -webkit-box-shadow : 0 2px 5px rgba (0 , 0 , 0 , 0.148438 );
67
+ -moz-box-shadow : 0 2px 5px rgba (0 , 0 , 0 , 0.148438 );
68
+ box-shadow : 0 2px 5px rgba (0 , 0 , 0 , 0.148438 );
69
+
70
+ ul {
71
+ margin : 0 ;
72
+ padding : 0 ;
73
+
74
+ li {
75
+ background-color : #fff ;
76
+ padding : 0 5px ;
77
+ margin : 0 ;
78
+ width : auto ;
79
+ border-bottom : 1px solid #eee ;
80
+ height : 26px ;
81
+ line-height : 26px ;
82
+ overflow : hidden ;
83
+ cursor : pointer ;
84
+ list-style : none ;
85
+ white-space : nowrap ;
86
+
87
+ & :last-child {
88
+ border-radius : 5px ;
89
+ }
90
+
91
+ & :hover ,
92
+ & .active {
93
+ background-color : #f2f2f2 ;
94
+ }
95
+
96
+ > img ,
97
+ > div .icon {
98
+ width : 16px ;
99
+ height : 16px ;
100
+ float : left ;
101
+ margin-top : 5px ;
102
+ margin-right : 5px ;
103
+ -moz-background-origin : 3px ;
104
+
105
+ border-radius : 3px ;
106
+ }
107
+
108
+ em {
109
+ font-weight : bold ;
110
+ font-style : none ;
111
+ }
112
+
113
+ b {
114
+ background : #ffff99 ;
115
+ font-weight : normal ;
116
+ }
117
+
118
+ }
119
+
120
+ }
121
+ }
122
+
123
+ }
You can’t perform that action at this time.
0 commit comments