Persona theme dropdown styling


  • Translator

    The dropdown of post tools is not behaving properly when options are displayed on mobile.

    0_1463870085244_Screenshot_2016-05-22-00-32-18.png


  • Plugin & Theme Dev

    @jarey Looks like it needs to be flipped from left to right instead of the default right to left.

    By turning [component="thread/sort]" into a class and on an xs media query force it to go right. Anyone else has any other suggestions on how to go about this?

    EDIT: Actually, this would not be a good idea, the best direction to go is to base the dropdown positions based on a horizontal offset (like the popovers). That's what it looks like to me.

    What device are you using?


  • Translator

    @trevor one plus X, android 5.1, 5" screen.


  • Plugin & Theme Dev

    @jarey said in Persona theme dropdown styling:

    @trevor one plus X, android 5.1, 5" screen.

    0_1464034670939_Screen Shot 2016-05-23 at 4.17.31 PM.png

    I can reproduce that. I'll look into it right now to see what I can do about it.


  • Plugin & Theme Dev

    So I've tested almost every possible solution (including using JS to solve the issue) without disrupting any other element but I strongly suggest rethinking the mobile UI overall to better suit any device so it doesn't break.

    The problem (and a much bigger one than you think) with using dropdown/dropup menu's on mobile for this site is that it just doesn't work due to issues with different devices like yours for example, and then theres the language thing that could possible stretch the width of any individual dropdown-menu.

    The solution?

    0_1464042040144_dropdown_solution.png

    Tell me what you think of this solution. I will implement it in Persona if approved.


  • Translator

    @trevor i personally think this is a great approach.


Log in to reply
 

Looks like your connection to NodeBB was lost, please wait while we try to reconnect.