moparisthebest/kaiwa
1
0
Fork 0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-11-22 09:12:19 -05:00
Code Issues Releases Wiki Activity

[ux] don't let usernames overflow, improve undread marker

Browse Source
This commit is contained in:
karolinaszczur 2013-09-21 18:47:44 +02:00
parent 10d6e8e75a
commit 176115be4e
2 changed files with 36 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
public/css/app/roster.styl
View File

@ -128,26 +128,28 @@
margin-left: 30px
line-height: 20px
color: white
text-overflow: ellipsis
overflow: hidden
width: 70%
.status
color: #ccc
font-size: $fontSmall
font-style: italic
font-weight: 600
margin: 0px
margin-left: 40px
color: $textSecondary
font-size: $fontSmall-2px
margin: 0
margin-left: 30px
&:not(:empty)
margin-top: -5px
.unread
display: none
color: white
padding-left: 5px
padding-right: 5px
roundall: 11px
padding: 0 5px
roundall(20px)
position: absolute
top: 20px
left: 20px
top: 10px
right: 15px
text-align: center
font-weight: bold
background-color: red
border: 1px solid white
background: $activeBlue

39
public/css/otalk.css
View File

@ -413,35 +413,38 @@ td {
margin-left: 30px;
line-height: 20px;
color: #fff;
text-overflow: ellipsis;
overflow: hidden;
width: 70%;
}
#roster li .status,
#bookmarks li .status {
color: #ccc;
font-size: 12px;
font-style: italic;
font-weight: 600;
margin: 0px;
margin-left: 40px;
color: #b7b7b7;
font-size: $fontSmall-2px;
margin: 0;
margin-left: 30px;
}
#roster li .status:not(:empty),
#bookmarks li .status:not(:empty) {
margin-top: -5px;
}
#roster li .unread,
#bookmarks li .unread {
display: none;
color: #fff;
padding-left: 5px;
padding-right: 5px;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
-khtml-border-radius: 11px;
-o-border-radius: 11px;
-border-radius: 11px;
border-radius: 11px;
padding: 0 5px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
-o-border-radius: 20px;
-border-radius: 20px;
border-radius: 20px;
position: absolute;
top: 20px;
left: 20px;
top: 10px;
right: 15px;
text-align: center;
font-weight: bold;
background-color: #f00;
border: 1px solid #fff;
background: #00aeef;
}
.page.chat {
padding-top: 0px;