Netgate Discussion Forum
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Search
    • Register
    • Login

    Top Menu Layout Request

    Scheduled Pinned Locked Moved 2.3-RC Snapshot Feedback and Issues - ARCHIVED
    18 Posts 4 Posters 3.6k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • jdillardJ
      jdillard
      last edited by

      @NOYB:

      @jdillard:

      . . . for 2.3 I think it should stay like this so we can concentrate on other things.

      Think the main menu (global nav menu) user friendliness and functionality should be pretty high on the priority list.  With out it the whole system becomes annoying to navigate.

      When I made that comment I had just looked at a bunch of different fancy nav techniques. I applied a fix to get it down to where it transitions to one column. I also made sure it worked when there were notices present.

      1 Reply Last reply Reply Quote 0
      • N
        NOYB
        last edited by

        When less than 1200 px width top nav horizontal menu is placed below the logo.  This consumes too much vertical space, obscuring the page headers.  The main cause is the logo space consumption not leaving enough horizontal space for the menu.  So it forms a new line below the logo.

        1 Reply Last reply Reply Quote 0
        • jdillardJ
          jdillard
          last edited by

          @NOYB:

          When less than 1200 px width top nav horizontal menu is placed below the logo.  This consumes too much vertical space, obscuring the page headers.  The main cause is the logo space consumption not leaving enough horizontal space for the menu.  So it forms a new line below the logo.

          I just committed, sorry for not clarifying. did you gitsync or just upgrade?

          Did you clear you cache just to be sure?

          Also if the issue persists, what browser?

          1 Reply Last reply Reply Quote 0
          • N
            NOYB
            last edited by

            I gitsync'd but must not have refreshed.  Thanks for the reminder.  I like this much better.

            Though for menu transition to be in unison with the dashboard transition from single to double column I think the @media (max-width: 992px) should be 991px.  With the 992px setting the menu transition is one pixel wider then the dash board columns transition.  Kind of creates a flicker effect.

            This works well for me.

            
             @media (max-width: 991px) {
            	/* change top navbar from horizontal to vertical */
            
            
            1 Reply Last reply Reply Quote 0
            • jdillardJ
              jdillard
              last edited by

              Ok cool, just pushed that change.

              Also if you want to generate a notice you can go to Diagnostics > Command Prompt and enter file_notice("test", "test"); in the PHP commands box, then refresh.

              I also made the fixed nav a BETA option for now as it was causing issues with the long dropdowns, so you might notice a change there.

              edit: TODOs include:

              • cleaning up notice modal

              • making the notice badge stay visible in the nav on smaller screens

              • trying to fit a logout icon up there somehow.

              1 Reply Last reply Reply Quote 0
              • N
                NOYB
                last edited by

                Notifications works.

                Logout.  People actually do that?  How long are inactive sessions retained without any keep-alives, etc.?

                1 Reply Last reply Reply Quote 0
                • jdillardJ
                  jdillard
                  last edited by

                  Cool. thanks for the help.

                  Yea, if anything for peace of mind. I played around with it a little and #2 and #3 on that list and they are going to be low priority to give time to make sure it is implemented correctly.

                  Now to clean up the modal…

                  1 Reply Last reply Reply Quote 0
                  • N
                    NOYB
                    last edited by

                    For the top nav horizontal menu to expand in unison with widget width the "@media (max-width: 1200px)" should be 1199px.  At 1200px the menu and widget widths expand one pixel apart from each other.

                    
                    @media (max-width: 1199px) {
                        .nav>li>a {
                            padding: 14px 9px 10px 9px;
                        }
                     }
                    
                    
                    1 Reply Last reply Reply Quote 0
                    • JeGrJ
                      JeGr LAYER 8 Moderator
                      last edited by

                      Logout.  People actually do that?  How long are inactive sessions retained without any keep-alives, etc.?

                      Yes people do and should do that. It's been more than one customer where I got access to a browser, that was logged into the system a while ago and I could open and access their pfSense without authenticating. Also users tend to go the easiest route so some of them even disable auto-logout alltogether. When working in larger setups and scenarios, you often have systems with multiple users/administrator levels, so re-logging is something you absolutely do!

                      @NOYB Perhaps the menu or widget width should be enlarged by 1px instead of reducing even boundaries like (1200)?

                      Don't forget to upvote 👍 those who kindly offered their time and brainpower to help you!

                      If you're interested, I'm available to discuss details of German-speaking paid support (for companies) if needed.

                      1 Reply Last reply Reply Quote 0
                      • jdillardJ
                        jdillard
                        last edited by

                        @NOYB:

                        For the top nav horizontal menu to expand in unison with widget width the "@media (max-width: 1200px)" should be 1199px.  At 1200px the menu and widget widths expand one pixel apart from each other.

                        Thanks!  Just pushed this change.

                        1 Reply Last reply Reply Quote 0
                        • N
                          NOYB
                          last edited by

                          @JeGr:

                          @NOYB Perhaps the menu or widget width should be enlarged by 1px instead of reducing even boundaries like (1200)?

                          max 1199 sets the boundary at 1200.  So transition happens at 1200 instead of at 1201.

                          1 Reply Last reply Reply Quote 0
                          • First post
                            Last post
                          Copyright 2025 Rubicon Communications LLC (Netgate). All rights reserved.