Reference Application UI bug

I have noticed a bug in UI of home page of reference application. Resizing the width of window until the navbar collapses to a button ( I tested this at 856 px ), lead to misplaced admin and laboratory dropdowns .

At around 766px , everything becomes normal

Should I go ahead and create a ticket for it?

Hi @aman

Yeah, it seems like a bug. Seems like we haven’t covered

@media only screen and (min-width : 768px) and (max-width : 991px) query for this component.

Because within this range it’s getting weird.

You can go ahead and create a ticket for this on ref app.

Btw @mozzy I see the drop-down now on the left side which used to be on the right was it a requirement or something wrong there as well?

@ayesh There was another ticket for making collapsible button shift to right. I have already submitted a PR for that.

Well you know there are lot of loopholes created because of the bootstrap integration last year.

Cool welcome PR for this issue as well :smiley:

Can u copy the PR here maybe we can ask @ssmusoke or @mozzy to merge it :slightly_smiling_face:

Here’s the PR . :smiley:

Looks good :smiley:

1 Like

Ticket created. Here’s the link :


Thanks @aman , merged it in


Thanks @aman for the fix