moparisthebest/kaiwa
1
0
Fork 0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-11-29 04:32:15 -05:00
Code Issues Releases Wiki Activity

[ux] fix message grouping borders

Browse Source
This commit is contained in:
karolinaszczur 2013-09-26 12:55:27 +02:00
parent 0f2b4b9ec1
commit 324d5cc890
2 changed files with 6 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -72,19 +72,16 @@
position: relative
z-index: 1
list-style: none
padding: 0px
padding: 10px 0
width: 100%
min-height: 40px
display: block
borderbox()
border: 1px solid blue
border-bottom: 1px solid $grayOutline
&:last-child .message
&:last-of-type
border: none
&.chatGroup
border: 1px solid red
.messageAvatar
position: relative
display: inline-block
@ -103,12 +100,10 @@
.messageWrapper
margin-left: 50px
border-left: 1px solid red
.message
font-size: 12px
margin: 0px
padding: 10px
display: inline-block
padding-right: 11px
min-width: 20px

11
public/css/otalk.css
View File

@ -689,21 +689,18 @@ h3 {
position: relative;
z-index: 1;
list-style: none;
padding: 0px;
padding: 10px 0;
width: 100%;
min-height: 40px;
display: block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #00f;
border-bottom: 1px solid #e4e4e4;
}
.messages li:last-child .message {
.messages li:last-of-type {
border: none;
}
.messages li.chatGroup {
border: 1px solid #f00;
}
.messages li .messageAvatar {
position: relative;
display: inline-block;
@ -730,12 +727,10 @@ h3 {
}
.messages .messageWrapper {
margin-left: 50px;
border-left: 1px solid #f00;
}
.messages .message {
font-size: 12px;
margin: 0px;
padding: 10px;
display: inline-block;
padding-right: 11px;
min-width: 20px;