1
0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-08-13 17:03:51 -04:00

[ux] fix message list positioning

This commit is contained in:
karolinaszczur 2013-09-19 16:39:07 +02:00
parent f18cf3c0cb
commit 876b1256a2
5 changed files with 17 additions and 10 deletions

View File

@ -1,4 +1,6 @@
.aux .aux
background: $grayBackground
header header
margin-top: 8% margin-top: 8%
text-align: center text-align: center

View File

@ -50,7 +50,7 @@
font-weight: normal font-weight: normal
margin: 0px margin: 0px
padding: 0px padding: 0px
padding-top: 150px padding-top: 130px
overflow-y: auto overflow-y: auto
overflow-x: hidden overflow-x: hidden
position: relative position: relative

View File

@ -2,7 +2,7 @@
@import '../_mixins' @import '../_mixins'
body body
background: #ecf0f2 background: white
color: $baseText color: $baseText
gotham() gotham()
font-size: 16px font-size: 16px
@ -16,5 +16,5 @@ h1, h2, h3, h4
position: absolute position: absolute
top: 0px top: 0px
right: 0px right: 0px
left: 201px left: 181px
borderbox() borderbox()

View File

@ -50,12 +50,13 @@
min-height: 20px min-height: 20px
font-size: 11px font-size: 11px
color: #fff color: #fff
cursor: pointer
&:nth-child(2n) &:nth-child(2n)
background-color: #1e252f background: #1e252f
&:hover &:hover
background-color: #2a323f background: #2a323f
&.hasUnread .unread &.hasUnread .unread
display: block display: block

View File

@ -296,14 +296,15 @@ td {
min-height: 20px; min-height: 20px;
font-size: 11px; font-size: 11px;
color: #fff; color: #fff;
cursor: pointer;
} }
#roster li:nth-child(2n), #roster li:nth-child(2n),
#bookmarks li:nth-child(2n) { #bookmarks li:nth-child(2n) {
background-color: #1e252f; background: #1e252f;
} }
#roster li:hover, #roster li:hover,
#bookmarks li:hover { #bookmarks li:hover {
background-color: #2a323f; background: #2a323f;
} }
#roster li.hasUnread .unread, #roster li.hasUnread .unread,
#bookmarks li.hasUnread .unread { #bookmarks li.hasUnread .unread {
@ -472,7 +473,7 @@ td {
font-weight: normal; font-weight: normal;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
padding-top: 150px; padding-top: 130px;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
position: relative; position: relative;
@ -627,7 +628,7 @@ td {
top: -3px; top: -3px;
} }
body { body {
background: #ecf0f2; background: #fff;
color: #565656; color: #565656;
font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
font-style: normal; font-style: normal;
@ -645,11 +646,14 @@ h4 {
position: absolute; position: absolute;
top: 0px; top: 0px;
right: 0px; right: 0px;
left: 201px; left: 181px;
-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;
} }
.aux {
background: #f7f7f7;
}
.aux header { .aux header {
margin-top: 8%; margin-top: 8%;
text-align: center; text-align: center;