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 <[email protected]> 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 <[email protected]> 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 <[email protected]>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 < >>> [email protected]> 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 <[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 <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 < >>>>>>>>>>>>>>>>>> [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? >>>>>>>>>>>>>>>>>>>>>>>>>> > >>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>> -- 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.
