GUAC-1044: Keep menu header stationary while allowing body to scroll.

This commit is contained in:
Michael Jumper
2015-01-30 14:06:20 -08:00
parent a87d8053f0
commit 7b9449d2da
2 changed files with 128 additions and 77 deletions

View File

@@ -21,10 +21,10 @@
*/
#menu {
overflow: auto;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
height: 100%;
max-width: 100%;
width: 480px;
background: #EEE;
@@ -37,6 +37,43 @@
transition: left 0.125s, opacity 0.125s;
}
.menu-content {
overflow: hidden;
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
}
.menu-header {
display: table-row;
height: 0;
}
.menu-header h2 {
margin-bottom: 0;
}
.menu-body {
display: table-row;
height: 100%;
}
.menu-body-content {
position: relative;
width: 100%;
height: 100%;
}
.menu-body-scroll-region {
overflow: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
#menu h3 {
margin: 1em;
}