FPA icon indicating copy to clipboard operation
FPA copied to clipboard

[Responsive]Center the list menu on the screen

Open Reqrefusion opened this issue 1 year ago • 1 comments

At first, I thought this problem only existed on small screens, but it turns out that this problem exists on all screen sizes. I added more than one screenshot because it completely changes the overall behavior. You can try this center-position method on a relatively new, you can try an older ancient method. It also has a different appearance and can be used according to preference. To avoid confusion, I am not sharing its screenshots, but I am leaving the code below.

.menuList > li {
  position: relative;
  margin: auto;
}

Before: resim After: resim

Before: resim After: resim

Before: resim After: resim

Reqrefusion avatar Jun 27 '24 15:06 Reqrefusion

@maxwxyz , can you take a look? This change is somewhat controversial. Unfortunately, I cannot tag the DWG.

Reqrefusion avatar Jul 08 '24 09:07 Reqrefusion

Honestly I prefer left-aligned. But it's a matter of taste...

yorikvanhavre avatar Sep 02 '24 15:09 yorikvanhavre

Honestly I prefer left-aligned. But it's a matter of taste...

Maybe center alignment should be done only for mobile. In wide screen cases, left alignment is better in my opinion.

Reqrefusion avatar Sep 02 '24 15:09 Reqrefusion

Maybe center alignment should be done only for mobile. In wide screen cases, left alignment is better in my opinion.

Agree with that!

yorikvanhavre avatar Sep 09 '24 11:09 yorikvanhavre

Maybe center alignment should be done only for mobile. In wide screen cases, left alignment is better in my opinion.

Agree with that!

@yorikvanhavre , I have set it to be on small screens as desired.

Reqrefusion avatar Sep 19 '24 16:09 Reqrefusion

Thanks!

yorikvanhavre avatar Oct 08 '24 09:10 yorikvanhavre