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:
parent
f18cf3c0cb
commit
876b1256a2
@ -1,4 +1,6 @@
|
|||||||
.aux
|
.aux
|
||||||
|
background: $grayBackground
|
||||||
|
|
||||||
header
|
header
|
||||||
margin-top: 8%
|
margin-top: 8%
|
||||||
text-align: center
|
text-align: center
|
||||||
|
@ -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
|
||||||
|
@ -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()
|
||||||
|
@ -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
|
||||||
|
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user