moparisthebest/kaiwa
1
0
Fork 0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-11-29 12:42:16 -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 position: relative
z-index: 1 z-index: 1
list-style: none list-style: none
padding: 0px padding: 10px 0
width: 100% width: 100%
min-height: 40px min-height: 40px
display: block display: block
borderbox() borderbox()
border: 1px solid blue border-bottom: 1px solid $grayOutline
&:last-child .message &:last-of-type
border: none border: none
&.chatGroup
border: 1px solid red
.messageAvatar .messageAvatar
position: relative position: relative
display: inline-block display: inline-block
@ -103,12 +100,10 @@
.messageWrapper .messageWrapper
margin-left: 50px margin-left: 50px
border-left: 1px solid red
.message .message
font-size: 12px font-size: 12px
margin: 0px margin: 0px
padding: 10px
display: inline-block display: inline-block
padding-right: 11px padding-right: 11px
min-width: 20px min-width: 20px

11
public/css/otalk.css
View File

@ -689,21 +689,18 @@ h3 {
position: relative; position: relative;
z-index: 1; z-index: 1;
list-style: none; list-style: none;
padding: 0px; padding: 10px 0;
width: 100%; width: 100%;
min-height: 40px; min-height: 40px;
display: block; display: block;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
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; border: none;
} }
.messages li.chatGroup {
border: 1px solid #f00;
}
.messages li .messageAvatar { .messages li .messageAvatar {
position: relative; position: relative;
display: inline-block; display: inline-block;
@ -730,12 +727,10 @@ h3 {
} }
.messages .messageWrapper { .messages .messageWrapper {
margin-left: 50px; margin-left: 50px;
border-left: 1px solid #f00;
} }
.messages .message { .messages .message {
font-size: 12px; font-size: 12px;
margin: 0px; margin: 0px;
padding: 10px;
display: inline-block; display: inline-block;
padding-right: 11px; padding-right: 11px;
min-width: 20px; min-width: 20px;