slightly widen sidebar to 250px, works better with apps and on mobile

This commit is contained in:
Jan-Christoph Borchardt 2014-06-05 21:18:21 +02:00
parent 9748597215
commit 9063a25bb4
5 changed files with 6 additions and 6 deletions

View File

@ -97,7 +97,7 @@
* to be more flexible / relative * to be more flexible / relative
*/ */
#body-user .app-files #controls { #body-user .app-files #controls {
left: 230px; /* sidebar width */ left: 250px; /* sidebar width */
position: fixed; position: fixed;
padding-left: 0px; padding-left: 0px;
} }

View File

@ -18,7 +18,7 @@
/* Navigation: folder like structure */ /* Navigation: folder like structure */
#app-navigation { #app-navigation {
width: 230px; width: 250px;
height: 100%; height: 100%;
float: left; float: left;
-moz-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
@ -193,7 +193,7 @@
/* settings area */ /* settings area */
#app-settings { #app-settings {
position: fixed; position: fixed;
width: 229px; width: 249px;
bottom: 0; bottom: 0;
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
} }

View File

@ -73,7 +73,7 @@
} }
#app-navigation { #app-navigation {
width: 230px !important; width: 250px !important;
} }
#app-content { #app-content {

View File

@ -1137,7 +1137,7 @@ function initCore() {
var snapper = new Snap({ var snapper = new Snap({
element: document.getElementById('app-content'), element: document.getElementById('app-content'),
disable: 'right', disable: 'right',
maxPosition: 230 maxPosition: 250
}); });
$('#app-content').prepend('<div id="app-navigation-toggle" class="icon-menu" style="display:none;"></div>'); $('#app-content').prepend('<div id="app-navigation-toggle" class="icon-menu" style="display:none;"></div>');
$('#app-navigation-toggle').click(function(){ $('#app-navigation-toggle').click(function(){

View File

@ -9,7 +9,7 @@ input#openid, input#webdav { width:20em; }
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
position: fixed; position: fixed;
right: 0; right: 0;
left: 230px; left: 250px;
height: 44px; height: 44px;
padding: 0; margin: 0; padding: 0; margin: 0;
background: #eee; border-bottom: 1px solid #e7e7e7; background: #eee; border-bottom: 1px solid #e7e7e7;