Collapsible left side panel

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Install - default configuration

What is the expected output? What do you see instead?
Adjust width of published folders listing on left

What version of the product are you using? On what operating system?
2.2.8, Debian GNU/Linux 7.1 (wheezy), nginx  1.2.1-2.2+wheezy1 

Please provide any additional information below.
I found how to adjust the file/folder names and such in the middle of screen.  
But the Left of the screen is a lot of wasted space with published folders.. 
Can not seem to find where this is adjusted in size.. See attached screeny

Original issue reported on code.google.com by john...@gmail.com on 10 Nov 2013 at 4:02

Attachments:

• toowide.png

[GoogleCodeExporter]

It is possible to adjust it by modifying the mainview.html layout and css.

But I have it on my list to make this left side panel into collapsible, 
something like the right side dropbox panel, would this be suitable?

Original comment by samuli.j...@gmail.com on 11 Nov 2013 at 7:05

[GoogleCodeExporter]

Yeah collapsible would be great, but I looked in mainview.html and css -- it 
did not jump out at me what to adjust.  Where is the layout of your css and div 
names documented?  is it?

Why can it not just be adjustable like the main center section?

I have had a difficult time getting this to work on host, your config file has 
changed from the older 1.8 line, and your examples of how to add sections like 
plugins is not very straight forward if you ask me.

A config file with all the possible options in place, that could just be edited 
would be handy..  Having to create configuration.php seems odd, every other php 
software I have setup just has you edit the existing config with the info you 
need.

Well guess time to dive into your css and mainfile.html

Original comment by john...@gmail.com on 11 Nov 2013 at 1:09

[GoogleCodeExporter]

Doesn't seem like span3 does anything, I changed it to 120 from its 220 and its 
still just was wide..  

You have all the css files with no space in 1 line, they are hard to read.

Could you spell out exactly what needs to be changed to adjust the width of 
that colum, thanks!!!

Original comment by john...@gmail.com on 11 Nov 2013 at 1:25

[GoogleCodeExporter]

I suppose you are not that familiar with web apps, as CSS minification is very 
common thing to do, it reduces the file size which makes it faster to load.

Layout is based on Bootstrap layouts 
(http://getbootstrap.com/2.3.2/scaffolding.html#layouts), you should take a 
look how those work. Ie you should change #mollify-mainview-navlist-container 
class span3 -> span2, and #mollify-mainview-viewcontent span9 -> span10.

But since the left side is affixed, you need to adjust the size also so it 
won't overlap, add something like this into your own css (after mollify.css):

#mollify-mainview-navlist-parent {
width: 10%;
}

@media (min-width: 1200px)
#mollify-mainview-navlist-parent {
width: 11%;
}

(two sizes are there because of the responsive layout).

I doubt I'll ever have time to "document all div names", whatever that would 
mean, not sure if it's the right thing to do.

And what comes to configuration.php, every script has one, some only have it 
written by the script. I haven't done this, mainly because I'll always have to 
prioritize my little time, and this isn't that important, in my opinion people 
setting up file management in their web server have to know how to write simple 
PHP array with little  configuration.

Original comment by samuli.j...@gmail.com on 11 Nov 2013 at 2:49

[GoogleCodeExporter]

And as a tip, web inspector (for example in Chrome or Safari) is your friend, 
it displays the minified CSS in human-friendly way (among other things).

And to see the "full sized" css, you can take a look at the svn: 
https://code.google.com/p/mollify/source/browse/trunk/css/style.css

I could make it also available in installation package in src folder.

Original comment by samuli.j...@gmail.com on 11 Nov 2013 at 3:24

• Changed title: Collapsible left side panel
• Changed state: Accepted

[GoogleCodeExporter]

I did use inspector to see that it was span3

I did not think to look to the source on code.google - thanks, doh!!  Makes it 
much easier to understand ;)

Original comment by john...@gmail.com on 11 Nov 2013 at 3:38