search

Azure / api-management-developer-portal

Developer portal provided by the Azure API Management service.
MIT License
478 stars 306 forks source link

Menu is broken in the Mobile and small size screen #2394

Closed chaosity-io closed 4 months ago

chaosity-io commented 4 months ago

Menu component is broken for mobile and small screen

Reproduction steps

  1. Setup new api portal as "contoso" and publish it.
  2. Open the website in chrome browser. press F12 to go to console.
  3. In the developer tool select device as IPhone.
  4. Click on the menu icon and a white screen fills the browser.

Expected behavior

The same menu in vertical direction.

Is your portal managed or self-hosted?

Managed and Self-hosted tag 25 and 24

Release tag or commit SHA (if using self-hosted version)

[2.25.0] 23004639f1d486d5b620526f6bb9af31f2cce415 [2.24.0] 7977733f7fb282e5d95bbe754761853eb99f48fc

API Management service name

chaosity-io

Environment

malincrist commented 4 months ago

hi @chaosity-io , thank you for reaching out. This issue was fixed in 2.25. If you use the managed portal, release 2.25 was not deployed everywhere yet. Please give it a few more days to reach all the regions.

Please note that you should reset the content of the portal in order to get these changes, as mentioned in #2198:

(only newly created websites).

Closing this as duplicate of #1783

chaosity-io commented 4 months ago

To be clear this issue that I am showing in the attached image is fixed in 2.25?

image

malincrist commented 4 months ago

I understand, yes it should be fixed in 2.25. For me, for the self-hosted on version 2.25, it works (with reset content): image

chaosity-io commented 4 months ago

Happy to see something in the white box. But It still needs to be adjusted. All of those buttons must fill the top and the rest of the white box must be removed.

On Tue, 6 Feb 2024, 12:10 am malincrist, @.***> wrote:

I understand, yes it should be fixed in 2.25. For me, for the self-hosted on version 2.25, it works (with reset content): image.png (view on web) https://github.com/Azure/api-management-developer-portal/assets/92857141/a256524c-103b-4fe5-8590-ea60bbf1268d

— Reply to this email directly, view it on GitHub https://github.com/Azure/api-management-developer-portal/issues/2394#issuecomment-1926967999, or unsubscribe https://github.com/notifications/unsubscribe-auth/A7OUHGCE6Q77SUZMB7Y7NPTYSDK3VAVCNFSM6AAAAABCY3JGM2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSMRWHE3DOOJZHE . You are receiving this because you were mentioned.Message ID: @.***>