Commit 2ec9c789de4c5dc00e34c5472eed21565789aec4

Authored by Victor Costa
Committed by Rodrigo Souto
1 parent deafc793

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 }
... ...