Commit ab1bc6701657bf82825f49b9b87bbdf2a15ebfd2
Exists in
theme-brasil-digital-from-staging
and in
9 other branches
Merge branch 'rails3_chat' into rails3_stable
Conflicts: public/stylesheets/chat.css
Showing
1 changed file
with
18 additions
and
9 deletions
Show diff stats
public/stylesheets/chat.css
... | ... | @@ -8,7 +8,7 @@ |
8 | 8 | z-index: 900; |
9 | 9 | } |
10 | 10 | |
11 | -#buddy-list { | |
11 | +#chat #buddy-list { | |
12 | 12 | background-color: #303030; |
13 | 13 | width: 250px; |
14 | 14 | height: 100%; |
... | ... | @@ -29,26 +29,28 @@ |
29 | 29 | #buddy-list .buddy-list li a, .occupant-list li a { |
30 | 30 | background: none; |
31 | 31 | display: block; |
32 | - padding-left: 30px; | |
32 | + padding-left: 20px; | |
33 | 33 | padding-top: 10px; |
34 | 34 | text-decoration: none; |
35 | 35 | color: rgb(238, 238, 238); |
36 | + height: 44px; | |
37 | + overflow: hidden; | |
36 | 38 | } |
37 | 39 | #buddy-list .buddy-list li a .name, .occupant-list li a .name { |
38 | 40 | vertical-align: top; |
39 | 41 | margin-left: 5px; |
40 | 42 | } |
41 | 43 | #buddy-list .buddy-list li a img, .occupant-list li a img, #chat .avatar { |
42 | - height: 32px; | |
43 | - max-width: 32px; | |
44 | 44 | border-radius: 5px; |
45 | + width: 32px; | |
46 | + max-height: 40px; | |
45 | 47 | } |
46 | 48 | #buddy-list .buddy-list li.offline, .occupant-list li.offline { |
47 | 49 | display: none; |
48 | 50 | } |
49 | 51 | #chat #buddy-list .toolbar { |
50 | 52 | border: 0; |
51 | - height: 40px; | |
53 | + height: 45px; | |
52 | 54 | background-color: rgb(39, 39, 39); |
53 | 55 | border-bottom: 1px solid #383838; |
54 | 56 | } |
... | ... | @@ -116,7 +118,7 @@ |
116 | 118 | background-position: 0; |
117 | 119 | } |
118 | 120 | #chat-window .history .message { |
119 | - padding: 8px 8px 8px 6px; | |
121 | + padding: 10px 8px 10px 6px; | |
120 | 122 | } |
121 | 123 | #chat-window .history .message .time { |
122 | 124 | float: right; |
... | ... | @@ -207,11 +209,13 @@ |
207 | 209 | top: 0; |
208 | 210 | right: 0; |
209 | 211 | width: 100%; |
212 | + height: 40px; | |
210 | 213 | background-color: rgb(39, 39, 39); |
211 | 214 | } |
212 | 215 | .conversation .header .chat-target { |
213 | - padding: 6px; | |
216 | + padding: 6px 6px 0 6px; | |
214 | 217 | display: inline-block; |
218 | + max-width: 70%; | |
215 | 219 | } |
216 | 220 | .conversation .header .back { |
217 | 221 | float: right; |
... | ... | @@ -225,6 +229,8 @@ |
225 | 229 | } |
226 | 230 | #chat #chat-window .other-name, #chat #chat-window .history .self-name { |
227 | 231 | color: #257CAD; |
232 | + height: 23px; | |
233 | + overflow: hidden; | |
228 | 234 | } |
229 | 235 | #chat #chat-window .history h5 { |
230 | 236 | text-align: center; |
... | ... | @@ -237,7 +243,10 @@ |
237 | 243 | background: #585858; |
238 | 244 | border: 1px solid #6B6B6B; |
239 | 245 | } |
240 | -.user-status a { | |
246 | +#chat #user-status { | |
247 | + padding: 2px 4px; | |
248 | +} | |
249 | +#chat .user-status a { | |
241 | 250 | color: rgb(224, 224, 224); |
242 | 251 | } |
243 | 252 | #user-status .avatar { |
... | ... | @@ -253,7 +262,7 @@ |
253 | 262 | } |
254 | 263 | |
255 | 264 | .buddy-list span.name { |
256 | - padding: 20px; | |
265 | + padding: 20px 0 20px 20px; | |
257 | 266 | position: relative; |
258 | 267 | left: -20px; |
259 | 268 | } | ... | ... |