diff options
author | Bernhard Posselt <nukeawhale@gmail.com> | 2013-01-16 19:38:19 +0100 |
---|---|---|
committer | Bernhard Posselt <nukeawhale@gmail.com> | 2013-01-16 19:38:19 +0100 |
commit | b7f507b92595e6c5537ccc7f678e276d5a8642b9 (patch) | |
tree | 7fbd646a2aac5c2c8ce0da923d14b54b90fcb189 /core/css | |
parent | 1d57a2e2a9d5e392bb1061479543cd1dec860c4b (diff) | |
download | nextcloud-server-b7f507b92595e6c5537ccc7f678e276d5a8642b9.tar.gz nextcloud-server-b7f507b92595e6c5537ccc7f678e276d5a8642b9.zip |
dont resize content div with javascript but use css box-sizing to do it
Diffstat (limited to 'core/css')
-rw-r--r-- | core/css/styles.css | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/core/css/styles.css b/core/css/styles.css index 496320561f8..b4e6ce430f9 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -94,7 +94,8 @@ input[type="submit"].enabled { background:#66f866; border:1px solid #5e5; -moz-b /* CONTENT ------------------------------------------------------------------ */ #controls { padding:0 0.5em; width:100%; top:3.5em; height:2.8em; margin:0; background:#f7f7f7; border-bottom:1px solid #eee; position:fixed; z-index:50; -moz-box-shadow:0 -3px 7px #000; -webkit-box-shadow:0 -3px 7px #000; box-shadow:0 -3px 7px #000; } #controls .button { display:inline-block; } -#content { top:3.5em; left:12.5em; position:absolute; } +#content { height: 100%; width: 100%; position: absolute; } +#content-wrapper { height: 100%; width: 100%; padding-top: 3.5em; padding-left: 12.5em; box-sizing: border-box; -moz-box-sizing: border-box; position: absolute;} #leftcontent, .leftcontent { position:fixed; overflow:auto; top:6.4em; width:20em; background:#f8f8f8; border-right:1px solid #ddd; } #leftcontent li, .leftcontent li { background:#f8f8f8; padding:.5em .8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-transition:background-color 200ms; -moz-transition:background-color 200ms; -o-transition:background-color 200ms; transition:background-color 200ms; } #leftcontent li:hover, #leftcontent li:active, #leftcontent li.active, .leftcontent li:hover, .leftcontent li:active, .leftcontent li.active { background:#eee; } |