moparisthebest/kaiwa
1
0
Fork 0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-11-25 18:52:20 -05:00
Code Issues Releases Wiki Activity

[ux] fix avatars in chat, improve messaging

Browse Source
This commit is contained in:
karolinaszczur 2013-09-26 13:03:35 +02:00
parent 324d5cc890
commit 2ffecb060d
2 changed files with 11 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
public/css/app/chat.styl
View File

@ -66,7 +66,6 @@
bottom: 75px
width: 100%
borderbox()
background: lighten($activeBlue, 97%)
li
position: relative
@ -74,7 +73,7 @@
list-style: none
padding: 10px 0
width: 100%
min-height: 40px
min-height: 50px
display: block
borderbox()
border-bottom: 1px solid $grayOutline
@ -83,16 +82,14 @@
border: none
.messageAvatar
position: relative
display: inline-block
float: left
width: 30px
height: 30px
margin: 0px 8px 8px 8px
position: absolute
top: 50%
left: 10px
margin-top: -15px
img
avatar()
border: 1px solid red
.name
text-indent: -9999em
position: absolute

14
public/css/otalk.css
View File

@ -683,7 +683,6 @@ h3 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #f7fdff;
}
.messages li {
position: relative;
@ -691,7 +690,7 @@ h3 {
list-style: none;
padding: 10px 0;
width: 100%;
min-height: 40px;
min-height: 50px;
display: block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
@ -702,12 +701,10 @@ h3 {
border: none;
}
.messages li .messageAvatar {
position: relative;
display: inline-block;
float: left;
width: 30px;
height: 30px;
margin: 0px 8px 8px 8px;
position: absolute;
top: 50%;
left: 10px;
margin-top: -15px;
}
.messages li .messageAvatar img {
width: 30px;
@ -718,7 +715,6 @@ h3 {
-o-border-radius: 50px;
-border-radius: 50px;
border-radius: 50px;
border: 1px solid #f00;
}
.messages li .messageAvatar .name {
text-indent: -9999em;