I like where this is headed. I'm not a front-end pro either, but here are a couple usability things I noticed:
#1: Having "cursor: pointer" on ".dropdown-menu > li" is confusing since clicking the list-item doesn't do anything. You have to click the anchors to get any actions to fire. Can you add the click() action to the top level list-item instead of the anchor? Or both? #2: I always like to see some kind of chevron indicator next to expandable items to give me an indication that clicking them will collapse/expand something instead of take me to a new page. This is looking great! -- Cameron Moore On Tue, Feb 25, 2014 at 6:49 PM, Josh Cartmell <joshcar...@gmail.com> wrote: > Ok, I think I've got that working as well, > http://codepen.io/joshcartme/full/wtkrF. > > The js now checks through the navigation links to see if any of them are a > substring of the current path. If a match is found it opens the > corresponding section. I've simulated this by adding a link to the codepen > to the Content section, thus causing the content section to open. > > > On Tue, Feb 25, 2014 at 4:18 PM, Stephen McDonald <st...@jupo.org> wrote: > >> That's awesome - I think next we'd need to figure out how to have the >> current section you're on open by default. >> >> >> On Wed, Feb 26, 2014 at 8:42 AM, Josh Cartmell <joshcar...@gmail.com>wrote: >> >>> Ok, just added some js, take a look at >>> http://codepen.io/joshcartme/full/wtkrF (that's a different url than >>> the first one because I was running into some sort of caching issue with >>> codepen). >>> >>> JS hides all the dropdowns to start, then clicking a heading either >>> takes you to it's link or opens it's dropdown (if it has any). If you >>> click a heading of an open dropdown it goes to the link of that heading. >>> Clicking a different heading closes any currently open dropdowns. >>> >>> How does this look? >>> >>> >>> On Tue, Feb 25, 2014 at 1:21 PM, Josh B < >>> josh.batche...@wearetopsecret.com> wrote: >>> >>>> I haven't been able to jump back on it. So feel free. >>>> >>>> >>>> On Tuesday, February 25, 2014 2:07:11 PM UTC-7, Josh Cartmell wrote: >>>> >>>>> 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 <st...@jupo.org>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 <joshc...@gmail.com>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 >>>>>>> <st...@jupo.org>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 >>>>>>>> <joshc...@gmail.com>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 >>>>>>>>> <st...@jupo.org>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 <josh.ba...@ >>>>>>>>>> wearetopsecret.com> 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 < >>>>>>>>>>>>>>>>>> joshc...@gmail.com> 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 < >>>>>>>>>>>>>>>>>>> st...@jupo.org> 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 < >>>>>>>>>>>>>>>>>>>>>>> st...@jupo.org> wrote: >>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>> On Tue, Feb 18, 2014 at 5:10 AM, Josh Cartmell < >>>>>>>>>>>>>>>>>>>>>>>> joshc...@gmail.com> 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 < >>>>>>>>>>>>>>>>>>>>>>>>> l...@hekenet.com> 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? >>>>>>>>>>>>>>>>>>>>>>>>>> > >>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>> -- 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-users+unsubscr...@googlegroups.com. For more options, visit https://groups.google.com/groups/opt_out.
