moparisthebest
/
kaiwa
mirror of https://github.com/moparisthebest/kaiwa
1
0
Fork 0
Code Issues Releases Wiki Activity

[ux] fix call button appearance

This commit is contained in:
karolinaszczur 2013-10-15 12:52:59 -07:00
parent ba9b0a7baf
commit 274febbc7c
2 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -45,17 +45,21 @@
left: 11px left: 11px
vertical-align: top vertical-align: top
.name, .call
float: left
.name .name
margin: 15px margin: 15px
padding: 0px padding: 0px
margin-left: 45px margin-left: 45px
font-size: 14px font-size: 14px
line-height: 14px line-height: 14px
max-width: 50%
.tzo:not(:empty) .tzo:not(:empty)
position: absolute position: absolute
right: 15px right: 15px
top: 25px top: 28px
height: 20px height: 20px
margin-top: -10px margin-top: -10px
padding: 0 5px padding: 0 5px
@ -67,6 +71,12 @@
color: lighten($baseText, 30%) color: lighten($baseText, 30%)
background: $grayOutline background: $grayOutline
.call
margin-top: 10px
height: 25px
line-height: 25px
min-width: 60px
.messages .messages
margin: 0px margin: 0px
padding: 0px padding: 0px

13
public/css/otalk.css
View File

@ -689,17 +689,22 @@ h3 {
left: 11px; left: 11px;
vertical-align: top; vertical-align: top;
} }
.conversation header .name,
.conversation header .call {
float: left;
}
.conversation header .name { .conversation header .name {
margin: 15px; margin: 15px;
padding: 0px; padding: 0px;
margin-left: 45px; margin-left: 45px;
font-size: 14px; font-size: 14px;
line-height: 14px; line-height: 14px;
max-width: 50%;
} }
.conversation header .tzo:not(:empty) { .conversation header .tzo:not(:empty) {
position: absolute; position: absolute;
right: 15px; right: 15px;
top: 25px; top: 28px;
height: 20px; height: 20px;
margin-top: -10px; margin-top: -10px;
padding: 0 5px; padding: 0 5px;
@ -716,6 +721,12 @@ h3 {
color: #898989; color: #898989;
background: #e4e4e4; background: #e4e4e4;
} }
.conversation header .call {
margin-top: 10px;
height: 25px;
line-height: 25px;
min-width: 60px;
}
.messages { .messages {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;