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] timezone label

Browse Source
This commit is contained in:
karolinaszczur 2013-09-23 20:23:23 +02:00
parent c2bd4e0637
commit 018d8f58c4
2 changed files with 35 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -23,10 +23,8 @@
right: 0px right: 0px
left: 181px left: 181px
z-index: 10 z-index: 10
font-size: 14px
borderbox() borderbox()
background: $grayBackground background: $grayBackground
color: #222
.avatar .avatar
margin-right: 5px margin-right: 5px
@ -43,6 +41,21 @@
font-size: 14px font-size: 14px
line-height: 14px line-height: 14px
.tzo:not(:empty)
position: absolute
right: 15px
top: 50%
height: 20px
margin-top: -10px
padding: 0 5px
roundall(3px)
text-transform: uppercase
font-size: 9px
font-weight: bold
line-height: 20px
color: lighten($baseText, 30%)
background: $grayOutline
.messages .messages
background: lighten($activeBlue, 97%) background: lighten($activeBlue, 97%)
font-weight: normal font-weight: normal

22
public/css/otalk.css
View File

@ -555,12 +555,10 @@ td {
right: 0px; right: 0px;
left: 181px; left: 181px;
z-index: 10; z-index: 10;
font-size: 14px;
-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;
background: #f7f7f7; background: #f7f7f7;
color: #222;
} }
.conversation header .avatar { .conversation header .avatar {
margin-right: 5px; margin-right: 5px;
@ -584,6 +582,26 @@ td {
font-size: 14px; font-size: 14px;
line-height: 14px; line-height: 14px;
} }
.conversation header .tzo:not(:empty) {
position: absolute;
right: 15px;
top: 50%;
height: 20px;
margin-top: -10px;
padding: 0 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-o-border-radius: 3px;
-border-radius: 3px;
border-radius: 3px;
text-transform: uppercase;
font-size: 9px;
font-weight: bold;
line-height: 20px;
color: #898989;
background: #e4e4e4;
}
.messages { .messages {
background: #f7fdff; background: #f7fdff;
font-weight: normal; font-weight: normal;