Commit 0ab68b68adcb7033f452bae860e1ee627ed7ce78
1 parent
9d016a77
Exists in
theme-brasil-digital-from-staging
and in
9 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 | } |