Great ideas Cameron! I've just updated it so that you can click any part of the li to open the corresponding menu.
I don't have time to work on the indicators right now, but I think that is also a good idea. On Tue, Feb 25, 2014 at 7:58 PM, Cameron Moore <[email protected]>wrote: > 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. > -- 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.
