Ok, I took a look and I did create a codepen so that anyone can look
at/edit it really easily.  Here is the pen (you can edit it by clicking the
link in the bottom left):
http://codepen.io/joshcartme/full/wIcxp
(I hotlinked the css/js files from the dev site, hopefully that's not a big
deal Steve).

So far my only css change is:
.dropdown-menu{
  overflow: auto;
  height: 100%;
}
To make it so there is only a scrollbar if needed and so that the sidebar
spans the full page width.  I also moved the language selector dropdown to
the top and made it an element in the ul.

Thoughts?


On Mon, Feb 24, 2014 at 11:02 PM, Stephen McDonald <[email protected]> wrote:

> Guess not. You can probably just fork and start committing.
>
> BTW I've pushed up the latest commits to the demo site (
> http://mezzanine.jupo.org/admin/ user/pass: demo/demo), so you can login
> to its admin and see the current state of the new menu plus other visual
> tweaks - so if anyone who has a moment to try out their particular browser
> (eg I've no idea how this renders in IE) and provide any feedback that'd be
> great!
>
>
> On Tue, Feb 25, 2014 at 4:33 AM, Josh Cartmell <[email protected]>wrote:
>
>> Well, it looks like you guys worked this out in the meantime (I haven't
>> tried it yet myself) so I'm guessing jsfiddle/codepen would be unnecessary
>> at this point?
>>
>> Thanks Josh!
>>
>>
>> On Sun, Feb 23, 2014 at 9:29 PM, Stephen McDonald <[email protected]> wrote:
>>
>>> Nothing comes to mind but if you have any ideas where we can easily (eg
>>> with a light touch) improve the usability and look of it then definitely
>>> bring them up!
>>>
>>> I had my eye on this style of left-hand nav that the wordpress admin
>>> uses for quite a while, and recently I saw a comment on reddit or some site
>>> describing Mezzanine's admin + grappelli as looking tired and old compared
>>> to newer CMSes and I couldn't help but agree. So the left-hand nav is an
>>> attempt to improve things there. You might notice I also tried to increase
>>> font sizes everywhere, but I tried to do this in a way where I didn't touch
>>> anything in grappelli which was only partially successful. I think one of
>>> the main usability issues currently is the tiny fonts everywhere.
>>>
>>>
>>> On Mon, Feb 24, 2014 at 4:24 PM, Josh B <
>>> [email protected]> wrote:
>>>
>>>> Sounds good, besides the collapsible menu is there other things you
>>>> want to do to the admin?
>>>>
>>>>
>>>> On Sunday, February 23, 2014 10:22:37 PM UTC-7, Stephen McDonald wrote:
>>>>
>>>>> Yep but I've just fixed that locally and will push in a sec so don't
>>>>> sweat it.
>>>>>
>>>>> Thanks again, really exciting to give the admin a dress up!
>>>>>
>>>>>
>>>>> On Mon, Feb 24, 2014 at 4:21 PM, Josh B <[email protected]
>>>>> > wrote:
>>>>>
>>>>>> Did you want it to butt up to the top or?
>>>>>>
>>>>>>
>>>>>> On Sunday, February 23, 2014 10:19:31 PM UTC-7, Stephen McDonald
>>>>>> wrote:
>>>>>>
>>>>>>> Ahhh I'm sorry, I just cleared my cache and it mostly looks right:
>>>>>>>
>>>>>>> http://cl.ly/image/1s2j3B121Q3U
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> On Mon, Feb 24, 2014 at 4:17 PM, Josh B <josh.ba...@
>>>>>>> wearetopsecret.com> wrote:
>>>>>>>
>>>>>>>> My bad, forgot to fix the error message once logged in. Give me a
>>>>>>>> minute.
>>>>>>>>
>>>>>>>>
>>>>>>>> On Sunday, February 23, 2014 10:14:29 PM UTC-7, Stephen McDonald
>>>>>>>> wrote:
>>>>>>>>
>>>>>>>>> Thanks a lot Josh!
>>>>>>>>>
>>>>>>>>> Not sure if it's intended bit it still looks a bit off on my end:
>>>>>>>>> http://cl.ly/image/1q2H0E1Y1w0w
>>>>>>>>>
>>>>>>>>> My browser is Chrome 34.0.1847.3
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> On Mon, Feb 24, 2014 at 4:10 PM, Josh B <josh.ba...@
>>>>>>>>> wearetopsecret.com> wrote:
>>>>>>>>>
>>>>>>>>>> I just opened a Pull Request for the messages issue. Haven't had
>>>>>>>>>> a chance to look into the collapsing navigation. Let me know if you 
>>>>>>>>>> have
>>>>>>>>>> time to take care of that Josh. If not I might have some time 
>>>>>>>>>> tomorrow.
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> On Sunday, February 23, 2014 4:05:51 PM UTC-7, Stephen McDonald
>>>>>>>>>> wrote:
>>>>>>>>>>
>>>>>>>>>>> Sounds like a great idea, wanna kick it off?
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>> On Mon, Feb 24, 2014 at 9:08 AM, Josh Cartmell <
>>>>>>>>>>> [email protected]> wrote:
>>>>>>>>>>>
>>>>>>>>>>>> I'd like to try to help as well, would there be any way to put
>>>>>>>>>>>> a static version up on jsfiddle or codepen so that we could easily 
>>>>>>>>>>>> play
>>>>>>>>>>>> with the js and iterate?
>>>>>>>>>>>>
>>>>>>>>>>>>
>>>>>>>>>>>> On Sat, Feb 22, 2014 at 6:44 PM, Stephen McDonald <
>>>>>>>>>>>> [email protected]> wrote:
>>>>>>>>>>>>
>>>>>>>>>>>>>  Don't really have one - is there any reason not to modify
>>>>>>>>>>>>> it? If not, go for it.
>>>>>>>>>>>>>
>>>>>>>>>>>>>
>>>>>>>>>>>>> On Sun, Feb 23, 2014 at 1:42 PM, Josh B <josh.ba...@
>>>>>>>>>>>>> wearetopsecret.com> wrote:
>>>>>>>>>>>>>
>>>>>>>>>>>>>> Stephen, what is your stance on modifying the admin/base.html?
>>>>>>>>>>>>>>
>>>>>>>>>>>>>>
>>>>>>>>>>>>>> On Saturday, February 22, 2014 7:30:30 PM UTC-7, Josh B wrote:
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>> I don't have a ton of time, but I will take a look and fix a
>>>>>>>>>>>>>>> couple of things.
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>> On Saturday, February 22, 2014 12:35:26 AM UTC-7, Stephen
>>>>>>>>>>>>>>> McDonald wrote:
>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>> I've just pushed up an initial version of this and am
>>>>>>>>>>>>>>>> desperately seeking assistance in finishing it:
>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>> https://github.com/stephenmcd/mezzanine/commit/
>>>>>>>>>>>>>>>> 6fcba4b31e4a9f21275cd22774d8ac24d3342668
>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>> The main problem at the moment is that messages "invalid
>>>>>>>>>>>>>>>> login, you've saved foo, etc" are completely borked. This is 
>>>>>>>>>>>>>>>> the
>>>>>>>>>>>>>>>> showstopper.
>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>> Lastly and of less importance, there's no interactivity -
>>>>>>>>>>>>>>>> hover states, active nav, nothing - the entire thing is 
>>>>>>>>>>>>>>>> static. Would be
>>>>>>>>>>>>>>>> nice to have some basic aspects around that working. Further 
>>>>>>>>>>>>>>>> to this, we
>>>>>>>>>>>>>>>> could have some more ux around it where only the currently 
>>>>>>>>>>>>>>>> viewed section
>>>>>>>>>>>>>>>> (eg Content, Blog, Site, etc) is open, and the other sections 
>>>>>>>>>>>>>>>> open when
>>>>>>>>>>>>>>>> clicked on - only one should be open at any time perhaps? We 
>>>>>>>>>>>>>>>> could also use
>>>>>>>>>>>>>>>> some toggle buttons, for showing/hiding the menu (default 
>>>>>>>>>>>>>>>> should be open,
>>>>>>>>>>>>>>>> perhaps only if the screen is wide), and separately, toggling 
>>>>>>>>>>>>>>>> the sections
>>>>>>>>>>>>>>>> being collapsed or expanded.
>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>> There's a lot of work to be done here and I don't really
>>>>>>>>>>>>>>>> have the front-end skill nor the time available right now to 
>>>>>>>>>>>>>>>> see it through.
>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>> Who can help out?
>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>> On Tue, Feb 18, 2014 at 10:14 AM, Stephen McDonald <
>>>>>>>>>>>>>>>> [email protected]> wrote:
>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>> On Tue, Feb 18, 2014 at 5:10 AM, Josh Cartmell <
>>>>>>>>>>>>>>>>> [email protected]> wrote:
>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>> Hey Steve, that looks pretty cool!  I agree with Luc that
>>>>>>>>>>>>>>>>>> it would be nice to make it collapse able.  It also might be 
>>>>>>>>>>>>>>>>>> nice if the
>>>>>>>>>>>>>>>>>> menu scrolled independently from the rest of the page.
>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>> Last question, what happens on smaller screens?
>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>> Not sure, just experimenting at this stage.
>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>> Kinda hitting the limits of my front-end capabilities, so
>>>>>>>>>>>>>>>>> I might get a basic version working and if others are able to 
>>>>>>>>>>>>>>>>> improve on it
>>>>>>>>>>>>>>>>> it'd be great.
>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>> On Mon, Feb 17, 2014 at 12:23 AM, Luc Milland <
>>>>>>>>>>>>>>>>>> [email protected]> wrote:
>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>> Hello,
>>>>>>>>>>>>>>>>>>> I think it's great, since most of the people have wide
>>>>>>>>>>>>>>>>>>> screens nowadays.
>>>>>>>>>>>>>>>>>>> Maybe it would be cool if submenus were toggleable,
>>>>>>>>>>>>>>>>>>> since the list can
>>>>>>>>>>>>>>>>>>> become very long when using custom and third party apps.
>>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>> Luc
>>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>> Le lundi 17 février 2014 à 12:01 +1100, Stephen McDonald
>>>>>>>>>>>>>>>>>>> a écrit :
>>>>>>>>>>>>>>>>>>> > Playing around with restyling the nav menu in the
>>>>>>>>>>>>>>>>>>> admin:
>>>>>>>>>>>>>>>>>>> >
>>>>>>>>>>>>>>>>>>> > http://cl.ly/image/3519242k1m0K
>>>>>>>>>>>>>>>>>>> >
>>>>>>>>>>>>>>>>>>> > The nav menu contains the admin classes grouped by app
>>>>>>>>>>>>>>>>>>> - previously it was
>>>>>>>>>>>>>>>>>>> > implemented as light grey drop-down menus across the
>>>>>>>>>>>>>>>>>>> top of the screen.
>>>>>>>>>>>>>>>>>>> > You'll see I've moved everything to the left-hand
>>>>>>>>>>>>>>>>>>> side, with all items
>>>>>>>>>>>>>>>>>>> > permanently visible.
>>>>>>>>>>>>>>>>>>> >
>>>>>>>>>>>>>>>>>>> > What do you think?
>>>>>>>>>>>>>>>>>>> >
>>>>>>>>>>>>>>>>>>> >
>>>>>>>>>>>>>>>>>>> > --
>>>>>>>>>>>>>>>>>>> > Stephen McDonald
>>>>>>>>>>>>>>>>>>> > http://jupo.org
>>>>>>>>>>>>>>>>>>> >
>>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>> --
>>>>>>>>>>>>>>>>>>> You received this message because you are subscribed to
>>>>>>>>>>>>>>>>>>> the Google Groups "Mezzanine Users" group.
>>>>>>>>>>>>>>>>>>> To unsubscribe from this group and stop receiving emails
>>>>>>>>>>>>>>>>>>> from it, send an email to mezzanine-use...@googlegroups.
>>>>>>>>>>>>>>>>>>> com.
>>>>>>>>>>>>>>>>>>> For more options, visit https://groups.google.com/grou
>>>>>>>>>>>>>>>>>>> ps/opt_out.
>>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>  --
>>>>>>>>>>>>>>>>>> You received this message because you are subscribed to
>>>>>>>>>>>>>>>>>> the Google Groups "Mezzanine Users" group.
>>>>>>>>>>>>>>>>>> To unsubscribe from this group and stop receiving emails
>>>>>>>>>>>>>>>>>> from it, send an email to mezzanine-use...@googlegroups.
>>>>>>>>>>>>>>>>>> com.
>>>>>>>>>>>>>>>>>> For more options, visit https://groups.google.com/grou
>>>>>>>>>>>>>>>>>> ps/opt_out.
>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>> --
>>>>>>>>>>>>>>>>> Stephen McDonald
>>>>>>>>>>>>>>>>> http://jupo.org
>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>> --
>>>>>>>>>>>>>>>> Stephen McDonald
>>>>>>>>>>>>>>>> http://jupo.org
>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>  --
>>>>>>>>>>>>>> You received this message because you are subscribed to the
>>>>>>>>>>>>>> Google Groups "Mezzanine Users" group.
>>>>>>>>>>>>>> To unsubscribe from this group and stop receiving emails from
>>>>>>>>>>>>>> it, send an email to [email protected].
>>>>>>>>>>>>>> For more options, visit https://groups.google.com/grou
>>>>>>>>>>>>>> ps/opt_out.
>>>>>>>>>>>>>>
>>>>>>>>>>>>>
>>>>>>>>>>>>>
>>>>>>>>>>>>>
>>>>>>>>>>>>> --
>>>>>>>>>>>>> Stephen McDonald
>>>>>>>>>>>>> http://jupo.org
>>>>>>>>>>>>>
>>>>>>>>>>>>> --
>>>>>>>>>>>>> You received this message because you are subscribed to the
>>>>>>>>>>>>> Google Groups "Mezzanine Users" group.
>>>>>>>>>>>>> To unsubscribe from this group and stop receiving emails from
>>>>>>>>>>>>> it, send an email to [email protected].
>>>>>>>>>>>>> For more options, visit https://groups.google.com/grou
>>>>>>>>>>>>> ps/opt_out.
>>>>>>>>>>>>>
>>>>>>>>>>>>
>>>>>>>>>>>>  --
>>>>>>>>>>>> You received this message because you are subscribed to the
>>>>>>>>>>>> Google Groups "Mezzanine Users" group.
>>>>>>>>>>>> To unsubscribe from this group and stop receiving emails from
>>>>>>>>>>>> it, send an email to [email protected].
>>>>>>>>>>>> For more options, visit https://groups.google.com/grou
>>>>>>>>>>>> ps/opt_out.
>>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>> --
>>>>>>>>>>> Stephen McDonald
>>>>>>>>>>> http://jupo.org
>>>>>>>>>>>
>>>>>>>>>>  --
>>>>>>>>>> You received this message because you are subscribed to the
>>>>>>>>>> Google Groups "Mezzanine Users" group.
>>>>>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>>>>>> send an email to [email protected].
>>>>>>>>>> For more options, visit https://groups.google.com/groups/opt_out.
>>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> --
>>>>>>>>> Stephen McDonald
>>>>>>>>> http://jupo.org
>>>>>>>>>
>>>>>>>>  --
>>>>>>>> You received this message because you are subscribed to the Google
>>>>>>>> Groups "Mezzanine Users" group.
>>>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>>>> send an email to [email protected].
>>>>>>>> For more options, visit https://groups.google.com/groups/opt_out.
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> --
>>>>>>> Stephen McDonald
>>>>>>> http://jupo.org
>>>>>>>
>>>>>>  --
>>>>>> You received this message because you are subscribed to the Google
>>>>>> Groups "Mezzanine Users" group.
>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>> send an email to [email protected].
>>>>>> For more options, visit https://groups.google.com/groups/opt_out.
>>>>>>
>>>>>
>>>>>
>>>>>
>>>>> --
>>>>> Stephen McDonald
>>>>> http://jupo.org
>>>>>
>>>>  --
>>>> You received this message because you are subscribed to the Google
>>>> Groups "Mezzanine Users" group.
>>>> To unsubscribe from this group and stop receiving emails from it, send
>>>> an email to [email protected].
>>>> For more options, visit https://groups.google.com/groups/opt_out.
>>>>
>>>
>>>
>>>
>>> --
>>> Stephen McDonald
>>> http://jupo.org
>>>
>>> --
>>> You received this message because you are subscribed to the Google
>>> Groups "Mezzanine Users" group.
>>> To unsubscribe from this group and stop receiving emails from it, send
>>> an email to [email protected].
>>> For more options, visit https://groups.google.com/groups/opt_out.
>>>
>>
>>  --
>> You received this message because you are subscribed to the Google Groups
>> "Mezzanine Users" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to [email protected].
>> For more options, visit https://groups.google.com/groups/opt_out.
>>
>
>
>
> --
> Stephen McDonald
> http://jupo.org
>
> --
> You received this message because you are subscribed to the Google Groups
> "Mezzanine Users" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> For more options, visit https://groups.google.com/groups/opt_out.
>

-- 
You received this message because you are subscribed to the Google Groups 
"Mezzanine Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.

Reply via email to