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] minor tweaks on connection status bar, further amendments to roster

Browse Source
This commit is contained in:
karolinaszczur 2013-09-20 19:17:31 +02:00
parent 7e16a0bc07
commit 06fdfb7a78
3 changed files with 24 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/css/app/connectionStatus.styl
View File

@ -23,9 +23,8 @@
top: 0px; top: 0px;
position: fixed position: fixed
background-color: #333 background-color: #333
border-bottom: 1px solid #000
width: 100% width: 100%
z-index: 9999 z-index: 100
text-align: center text-align: center
span.message span.message
@ -33,6 +32,7 @@
padding: 0px 10px padding: 0px 10px
font-weight: bold font-weight: bold
font-size: $fontLarge font-size: $fontLarge
color: white
button button
padding: 5px 8px padding: 5px 8px

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

@ -14,6 +14,9 @@
webkit-transition-fix() webkit-transition-fix()
noselect() noselect()
.main li a, h1, #roster li
border-bottom: 1px solid lighten($sidebarActive, 5%)
.main .main
li li
list-style-type: none list-style-type: none
@ -38,7 +41,6 @@
color: white color: white
font-weight: 600 font-weight: 600
line-height: 35px line-height: 35px
border-bottom: 1px solid lighten($sidebarActive, 5%)
h1 h1
@ -46,18 +48,16 @@
margin: 0 margin: 0
padding: 5px 10px padding: 5px 10px
color: lighten($sidebarActive, 50%) color: lighten($sidebarActive, 50%)
border-top: 1px solid lighten($sidebarActive, 5%)
border-bottom: 1px solid lighten($sidebarActive, 5%)
background: $sidebarActive background: $sidebarActive
#roster, #roster,
#bookmarks #bookmarks
li li
list-style-type: none list-style-type: none
padding: 11px padding: 8px 10px
margin: 0px margin: 0px
position: relative position: relative
min-height: 20px min-height: 15px
font-size: $fontSmall font-size: $fontSmall
color: #fff color: #fff
cursor: pointer cursor: pointer
@ -73,17 +73,17 @@
&.online, &.online,
&.chat &.chat
border-left: 2px solid green border-left: 3px solid green
&.dnd &.dnd
border-left: 2px solid red border-left: 3px solid red
&.away, &.away,
&.xa &.xa
border-left: 2px solid orange border-left: 3px solid orange
&.offline &.offline
border-left: 2px solid #222 border-left: none
color: #aaa color: #aaa
img img

24
public/css/otalk.css
View File

@ -263,6 +263,11 @@ td {
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
} }
#menu .main li a,
#menu h1,
#menu #roster li {
border-bottom: 1px solid #1e3356;
}
#menu .main li { #menu .main li {
list-style-type: none; list-style-type: none;
line-height: 12px; line-height: 12px;
@ -286,24 +291,21 @@ td {
color: #fff; color: #fff;
font-weight: 600; font-weight: 600;
line-height: 35px; line-height: 35px;
border-bottom: 1px solid #1e3356;
} }
#menu h1 { #menu h1 {
font-size: 14px; font-size: 14px;
margin: 0; margin: 0;
padding: 5px 10px; padding: 5px 10px;
color: #668bc9; color: #668bc9;
border-top: 1px solid #1e3356;
border-bottom: 1px solid #1e3356;
background: #192a47; background: #192a47;
} }
#roster li, #roster li,
#bookmarks li { #bookmarks li {
list-style-type: none; list-style-type: none;
padding: 11px; padding: 8px 10px;
margin: 0px; margin: 0px;
position: relative; position: relative;
min-height: 20px; min-height: 15px;
font-size: 12px; font-size: 12px;
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
@ -324,21 +326,21 @@ td {
#bookmarks li.online, #bookmarks li.online,
#roster li.chat, #roster li.chat,
#bookmarks li.chat { #bookmarks li.chat {
border-left: 2px solid #008000; border-left: 3px solid #008000;
} }
#roster li.dnd, #roster li.dnd,
#bookmarks li.dnd { #bookmarks li.dnd {
border-left: 2px solid #f00; border-left: 3px solid #f00;
} }
#roster li.away, #roster li.away,
#bookmarks li.away, #bookmarks li.away,
#roster li.xa, #roster li.xa,
#bookmarks li.xa { #bookmarks li.xa {
border-left: 2px solid #ffa500; border-left: 3px solid #ffa500;
} }
#roster li.offline, #roster li.offline,
#bookmarks li.offline { #bookmarks li.offline {
border-left: 2px solid #222; border-left: none;
color: #aaa; color: #aaa;
} }
#roster li.offline img, #roster li.offline img,
@ -623,9 +625,8 @@ td {
top: 0px; top: 0px;
position: fixed; position: fixed;
background-color: #333; background-color: #333;
border-bottom: 1px solid #000;
width: 100%; width: 100%;
z-index: 9999; z-index: 100;
text-align: center; text-align: center;
} }
#connectionStatus span.message { #connectionStatus span.message {
@ -633,6 +634,7 @@ td {
padding: 0px 10px; padding: 0px 10px;
font-weight: bold; font-weight: bold;
font-size: 20px; font-size: 20px;
color: #fff;
} }
#connectionStatus button { #connectionStatus button {
padding: 5px 8px; padding: 5px 8px;