ProAvalon icon indicating copy to clipboard operation
ProAvalon copied to clipboard

Tabs placement changes when approve and reject buttons appear on mobile

Open robert1826 opened this issue 5 years ago • 1 comments

Describe the bug while playing on mobile .. the tabs (ie. vh and game chat ... etc) have a position that just changes when a mission is chosen and the the approve / reject buttons appear

To Reproduce Steps to reproduce the behavior:

  1. play a game on mobile
  2. notice the position of tabs before and after the approve / reject buttons appear

Expected behavior tabs position should be fixed ... as moving them puts the approve / reject buttons in the same position resulting in potential misclicks.

Smartphone (please complete the following information):

  • Device: xaiomi redmi note 5
  • OS: android 8
  • Browser chrome
  • Version latest

robert1826 avatar Oct 17 '19 16:10 robert1826

Yeap, this is a known issue and it is one that I have tried to solve in the past...! The problem is how the line-height in the CSS is set up. I hope to rewrite the front end in the future which will definitely address this. But if someone can help fix it up in the meantime, check out the line-height bits in the CSS.

vck3000 avatar Oct 18 '19 11:10 vck3000