Commit 2ec9c789de4c5dc00e34c5472eed21565789aec4
Committed by
Rodrigo Souto
1 parent
deafc793
Exists in
master
and in
27 other branches
Small fixes in chat ui
Showing
1 changed file
with
14 additions
and
5 deletions
Show diff stats
public/stylesheets/chat.css
@@ -33,22 +33,24 @@ | @@ -33,22 +33,24 @@ | ||
33 | padding-top: 10px; | 33 | padding-top: 10px; |
34 | text-decoration: none; | 34 | text-decoration: none; |
35 | color: rgb(238, 238, 238); | 35 | color: rgb(238, 238, 238); |
36 | + height: 44px; | ||
37 | + overflow: hidden; | ||
36 | } | 38 | } |
37 | #buddy-list .buddy-list li a .name, .occupant-list li a .name { | 39 | #buddy-list .buddy-list li a .name, .occupant-list li a .name { |
38 | vertical-align: top; | 40 | vertical-align: top; |
39 | margin-left: 5px; | 41 | margin-left: 5px; |
40 | } | 42 | } |
41 | #buddy-list .buddy-list li a img, .occupant-list li a img, #chat .avatar { | 43 | #buddy-list .buddy-list li a img, .occupant-list li a img, #chat .avatar { |
42 | - height: 32px; | ||
43 | - max-width: 32px; | ||
44 | border-radius: 5px; | 44 | border-radius: 5px; |
45 | + width: 32px; | ||
46 | + max-height: 40px; | ||
45 | } | 47 | } |
46 | #buddy-list .buddy-list li.offline, .occupant-list li.offline { | 48 | #buddy-list .buddy-list li.offline, .occupant-list li.offline { |
47 | display: none; | 49 | display: none; |
48 | } | 50 | } |
49 | #chat #buddy-list .toolbar { | 51 | #chat #buddy-list .toolbar { |
50 | border: 0; | 52 | border: 0; |
51 | - height: 40px; | 53 | + height: 45px; |
52 | background-color: rgb(39, 39, 39); | 54 | background-color: rgb(39, 39, 39); |
53 | border-bottom: 1px solid #383838; | 55 | border-bottom: 1px solid #383838; |
54 | } | 56 | } |
@@ -100,7 +102,7 @@ | @@ -100,7 +102,7 @@ | ||
100 | .conversation .history { | 102 | .conversation .history { |
101 | position: absolute; | 103 | position: absolute; |
102 | right: 0; | 104 | right: 0; |
103 | - top: 41px; | 105 | + top: 40px; |
104 | bottom: 100px; | 106 | bottom: 100px; |
105 | overflow: hidden; | 107 | overflow: hidden; |
106 | width: 100%; | 108 | width: 100%; |
@@ -149,7 +151,7 @@ | @@ -149,7 +151,7 @@ | ||
149 | } | 151 | } |
150 | 152 | ||
151 | #chat-window .history .message .avatar { | 153 | #chat-window .history .message .avatar { |
152 | - max-height: 32px; | 154 | + max-height: 42px; |
153 | max-width: 32px; | 155 | max-width: 32px; |
154 | margin: auto; | 156 | margin: auto; |
155 | display: block; | 157 | display: block; |
@@ -215,6 +217,9 @@ | @@ -215,6 +217,9 @@ | ||
215 | display: inline-block; | 217 | display: inline-block; |
216 | max-width: 70%; | 218 | max-width: 70%; |
217 | } | 219 | } |
220 | +.conversation .header .other-name { | ||
221 | + color: rgb(238, 238, 238); | ||
222 | +} | ||
218 | .conversation .header .back { | 223 | .conversation .header .back { |
219 | float: right; | 224 | float: right; |
220 | margin: 6px; | 225 | margin: 6px; |
@@ -229,6 +234,7 @@ | @@ -229,6 +234,7 @@ | ||
229 | color: #257CAD; | 234 | color: #257CAD; |
230 | height: 23px; | 235 | height: 23px; |
231 | overflow: hidden; | 236 | overflow: hidden; |
237 | + vertical-align: top; | ||
232 | } | 238 | } |
233 | #chat #chat-window .history h5 { | 239 | #chat #chat-window .history h5 { |
234 | text-align: center; | 240 | text-align: center; |
@@ -241,6 +247,9 @@ | @@ -241,6 +247,9 @@ | ||
241 | background: #585858; | 247 | background: #585858; |
242 | border: 1px solid #6B6B6B; | 248 | border: 1px solid #6B6B6B; |
243 | } | 249 | } |
250 | +#chat #user-status { | ||
251 | + padding: 2px 4px; | ||
252 | +} | ||
244 | #chat .user-status a { | 253 | #chat .user-status a { |
245 | color: rgb(224, 224, 224); | 254 | color: rgb(224, 224, 224); |
246 | } | 255 | } |