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