1
0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-11-22 17:22:22 -05:00

[ux] increase the size of sidebar, make positioning consistent

This commit is contained in:
karolinaszczur 2013-09-19 16:14:54 +02:00
parent 52b3d985a1
commit 23c558e4ee
4 changed files with 8 additions and 14 deletions

View File

@ -21,7 +21,7 @@
border-bottom: 1px solid #aaa border-bottom: 1px solid #aaa
position: fixed position: fixed
right: 0px right: 0px
left: 156px left: 181px
z-index: 10 z-index: 10
font-size: 14px font-size: 14px
borderbox() borderbox()
@ -117,7 +117,7 @@
bottom: 0px bottom: 0px
position: fixed position: fixed
right: 0px right: 0px
left: 156px left: 181px
z-index: 200 z-index: 200
form form

View File

@ -16,8 +16,5 @@ h1, h2, h3, h4
position: absolute position: absolute
top: 0px top: 0px
right: 0px right: 0px
left: 156px left: 201px
borderbox() borderbox()
#menu
width: 155px

View File

@ -6,7 +6,7 @@
top: 0px top: 0px
bottom: 0px bottom: 0px
left: 0px left: 0px
width: 155px width: 180px
background-color: $sidebarBg background-color: $sidebarBg
z-index: 300 z-index: 300
overflow-y: auto; overflow-y: auto;

View File

@ -250,7 +250,7 @@ td {
top: 0px; top: 0px;
bottom: 0px; bottom: 0px;
left: 0px; left: 0px;
width: 155px; width: 180px;
background-color: #0b1316; background-color: #0b1316;
z-index: 300; z-index: 300;
overflow-y: auto; overflow-y: auto;
@ -436,7 +436,7 @@ td {
border-bottom: 1px solid #aaa; border-bottom: 1px solid #aaa;
position: fixed; position: fixed;
right: 0px; right: 0px;
left: 156px; left: 181px;
z-index: 10; z-index: 10;
font-size: 14px; font-size: 14px;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
@ -545,7 +545,7 @@ td {
bottom: 0px; bottom: 0px;
position: fixed; position: fixed;
right: 0px; right: 0px;
left: 156px; left: 181px;
z-index: 200; z-index: 200;
} }
.chatBox form { .chatBox form {
@ -646,14 +646,11 @@ h4 {
position: absolute; position: absolute;
top: 0px; top: 0px;
right: 0px; right: 0px;
left: 156px; left: 201px;
-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;
} }
#menu {
width: 155px;
}
.aux header { .aux header {
margin-top: 8%; margin-top: 8%;
text-align: center; text-align: center;