Commit 2ec9c789de4c5dc00e34c5472eed21565789aec4
Committed by
Rodrigo Souto
1 parent
deafc793
Exists in
master
and in
21 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 | 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 | } |
| ... | ... | @@ -100,7 +102,7 @@ |
| 100 | 102 | .conversation .history { |
| 101 | 103 | position: absolute; |
| 102 | 104 | right: 0; |
| 103 | - top: 41px; | |
| 105 | + top: 40px; | |
| 104 | 106 | bottom: 100px; |
| 105 | 107 | overflow: hidden; |
| 106 | 108 | width: 100%; |
| ... | ... | @@ -149,7 +151,7 @@ |
| 149 | 151 | } |
| 150 | 152 | |
| 151 | 153 | #chat-window .history .message .avatar { |
| 152 | - max-height: 32px; | |
| 154 | + max-height: 42px; | |
| 153 | 155 | max-width: 32px; |
| 154 | 156 | margin: auto; |
| 155 | 157 | display: block; |
| ... | ... | @@ -215,6 +217,9 @@ |
| 215 | 217 | display: inline-block; |
| 216 | 218 | max-width: 70%; |
| 217 | 219 | } |
| 220 | +.conversation .header .other-name { | |
| 221 | + color: rgb(238, 238, 238); | |
| 222 | +} | |
| 218 | 223 | .conversation .header .back { |
| 219 | 224 | float: right; |
| 220 | 225 | margin: 6px; |
| ... | ... | @@ -229,6 +234,7 @@ |
| 229 | 234 | color: #257CAD; |
| 230 | 235 | height: 23px; |
| 231 | 236 | overflow: hidden; |
| 237 | + vertical-align: top; | |
| 232 | 238 | } |
| 233 | 239 | #chat #chat-window .history h5 { |
| 234 | 240 | text-align: center; |
| ... | ... | @@ -241,6 +247,9 @@ |
| 241 | 247 | background: #585858; |
| 242 | 248 | border: 1px solid #6B6B6B; |
| 243 | 249 | } |
| 250 | +#chat #user-status { | |
| 251 | + padding: 2px 4px; | |
| 252 | +} | |
| 244 | 253 | #chat .user-status a { |
| 245 | 254 | color: rgb(224, 224, 224); |
| 246 | 255 | } | ... | ... |