moparisthebest/kaiwa
1
0
Fork 0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-12-01 13:42:16 -05:00
Code Issues Releases Wiki Activity

[ux] further chat messages tweaking

Browse Source
This commit is contained in:
karolinaszczur 2013-09-19 18:35:34 +02:00
parent 8cd405e305
commit 1c3ac421d5
2 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -46,7 +46,7 @@
line-height: 14px line-height: 14px
.messages .messages
background: #ecf0f2 background: lighten($activeBlue, 97%)
font-weight: normal font-weight: normal
margin: 0px margin: 0px
padding: 0px padding: 0px
@ -68,8 +68,10 @@
display: block display: block
borderbox() borderbox()
&:last-child .message
border: none
.message .message
color: #33404c
font-size: 12px font-size: 12px
margin: 0px margin: 0px
padding: 7px 11px padding: 7px 11px
@ -77,7 +79,7 @@
padding-right: 11px padding-right: 11px
min-width: 20px min-width: 20px
width: 100% width: 100%
border-bottom: 1px solid #ccc border-bottom: 1px solid lighten($activeBlue, 90%)
borderbox() borderbox()
&.mine &.mine
@ -85,7 +87,7 @@
border-bottom: 1px solid lighten($grayOutline, 10%) border-bottom: 1px solid lighten($grayOutline, 10%)
.timestamp .timestamp
color: #bbe0fa color: darken($grayOutline, 20%)
&.delayed &.delayed
.timestamp:before .timestamp:before
@ -103,9 +105,9 @@
color: #111 color: #111
.timestamp .timestamp
font-size: 12px font-size: 10px
color: #bbb
font-weight: bold font-weight: bold
color: lighten($activeBlue, 50%)
float: right float: right
display: block display: block

14
public/css/otalk.css
View File

@ -469,7 +469,7 @@ td {
line-height: 14px; line-height: 14px;
} }
.messages { .messages {
background: #ecf0f2; background: #f7fdff;
font-weight: normal; font-weight: normal;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
@ -495,8 +495,10 @@ td {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.messages li:last-child .message {
border: none;
}
.messages .message { .messages .message {
color: #33404c;
font-size: 12px; font-size: 12px;
margin: 0px; margin: 0px;
padding: 7px 11px; padding: 7px 11px;
@ -504,7 +506,7 @@ td {
padding-right: 11px; padding-right: 11px;
min-width: 20px; min-width: 20px;
width: 100%; width: 100%;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #e4f8ff;
-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;
@ -514,7 +516,7 @@ td {
border-bottom: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;
} }
.messages .message.mine .timestamp { .messages .message.mine .timestamp {
color: #bbe0fa; color: #b6b6b6;
} }
.messages .message.delayed .timestamp:before { .messages .message.delayed .timestamp:before {
content: '@ '; content: '@ ';
@ -530,9 +532,9 @@ td {
color: #111; color: #111;
} }
.messages .message .timestamp { .messages .message .timestamp {
font-size: 12px; font-size: 10px;
color: #bbb;
font-weight: bold; font-weight: bold;
color: #78daff;
float: right; float: right;
display: block; display: block;
} }