Yeah, although it ended up being a small CSS change it took me quite a bit of messing around to get it looking like that.
I think putting the selectors in the top bar is a great idea and using the js to do it sounds like a simple enough solution. Is anyone working on collapsible nav at this point? I'll take a stab at it if not. On Tue, Feb 25, 2014 at 11:25 AM, Stephen McDonald <[email protected]> wrote: > Nice, I had a ton of trouble with the full height and scrollbars so glad > that's better. > > I think the lang and site selectors should probably go up into the > existing top nav on the right-hand side but to the left of the existing > buttons. > > Easiest way to do that might be at the top of navigation.js where we are > already moving a bunch of elements around using jQuery rather than trying > to repurpose the layers of templates between django/grappelli/mezzanine. > > > On Wed, Feb 26, 2014 at 5:33 AM, Josh Cartmell <[email protected]>wrote: > >> 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 <josh.ba...@ >>>>>>> wearetopsecret.com> 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 >>>>>>>>>>>>>>>>>>>>> [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 >>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>> -- >>>>>>>>>>>>>>>>>> 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/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. >>>>> >>>> >>>> -- >>>> 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.
