summaryrefslogtreecommitdiffstats
path: root/core/css
diff options
context:
space:
mode:
authorBernhard Posselt <nukeawhale@gmail.com>2013-01-16 19:38:19 +0100
committerBernhard Posselt <nukeawhale@gmail.com>2013-01-16 19:38:19 +0100
commitb7f507b92595e6c5537ccc7f678e276d5a8642b9 (patch)
tree7fbd646a2aac5c2c8ce0da923d14b54b90fcb189 /core/css
parent1d57a2e2a9d5e392bb1061479543cd1dec860c4b (diff)
downloadnextcloud-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.css3
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; }