Hey, I’d like to know if an option for right alignment could be added for the main menu on mobile?

  • hendrik@palaver.p3x.de
    link
    fedilink
    English
    arrow-up
    2
    ·
    16 days ago

    Or make it align to the right per default, without any added option. In my opinion it doesn’t really make sense to have the menu button on the right and then the items pop up at the left. that’s just some unnecessary finger movement.

    • Rimu@piefed.socialM
      link
      fedilink
      English
      arrow-up
      4
      ·
      16 days ago

      Yeah with the hamburger menu icon being on the right, the menu items should be too.

    • viral.vegabond@piefed.socialOP
      link
      fedilink
      English
      arrow-up
      3
      ·
      16 days ago

      I tend to agree, but I still think it would be nice to offer an option if possible. I’m sure not everyone would prefer it on the right side.

      Alternatively, maybe the menu icon could be placed on the left side?

      • hendrik@palaver.p3x.de
        link
        fedilink
        English
        arrow-up
        3
        ·
        edit-2
        16 days ago

        I see about two reasons to prefer it that way, being left-handed or using a right-to-left language. But with those, the parent button might want to be on that side as well. It doesn’t seem to be very consistent with Android apps. I have some with the menu on the left and some with the menu on the right. And I mean the icon and instance name serves a purpose as well. I click on that regularly to return back to my feed. (And technically we don’t need to move the finger, seems the clickable area is the entire width… I can click on the void at the right side and it still opens the menu item.)

        • hendrik@palaver.p3x.de
          link
          fedilink
          English
          arrow-up
          3
          ·
          edit-2
          16 days ago

          I had a look at the CSS. I thought I could fix it by adding a “text-align: right” somewhere for the breakpoint tablet and below… But I’m not an expert on bootstrap and there is submenus with additional headlines and indented items… Maybe this takes a closer look or someone who is faster at the CSS stuff than me.

          • wjs018@piefed.social
            link
            fedilink
            English
            arrow-up
            2
            ·
            15 days ago

            This should be fixed now and this is exactly what I ended up doing.

            Going as far as moving the menu to the left side of the screen is a much bigger lift, so I am not really going to prioritize it right now.

            • hendrik@palaver.p3x.de
              link
              fedilink
              English
              arrow-up
              2
              ·
              edit-2
              15 days ago

              I’m not sure whether this is the solution. Now it’s the first level of menu options on the right, and the next level that pops up (the feeds, communities etc) on the left. That’s still a mix if left and right and you still need to reach to the left, just one lever further down.

              • wjs018@piefed.social
                link
                fedilink
                English
                arrow-up
                2
                ·
                15 days ago

                Yeah, I’ll fix that up. I missed that the css class wasn’t inherited to the child elements, so I will just need to apply the breakpoints to the submenu items.

              • wjs018@piefed.social
                link
                fedilink
                English
                arrow-up
                2
                ·
                edit-2
                14 days ago

                Should be fixed now. The only issue I can still see is that if a community has a really long display name it will overflow the menu on very small screens.

                edit: and it got broke again with a later update…stay tuned

                edit edit: works again, and rimu fixed the long name issue