Query log UI issue on tablet device #3815

Closed
opened 2026-03-04 04:21:57 -05:00 by deekerman · 4 comments
Owner

Originally created by @Alex-302 on GitHub (Jul 24, 2022).

Originally assigned to: @IldarKamalov on GitHub.

  • Version of AdGuard Home server: v0.108.0-a.119+1c89394a

Actual Behavior

On iPad, Block button covers client name, and it is hard to press client IP or the name

Better use the same popup as on mobile phone design, when press/click the log item.

Screenshots

Screenshot:

image

Additional Information

Originally created by @Alex-302 on GitHub (Jul 24, 2022). Originally assigned to: @IldarKamalov on GitHub. * **Version of AdGuard Home server:** v0.108.0-a.119+1c89394a ### Actual Behavior On iPad, Block button covers client name, and it is hard to press client IP or the name Better use the same popup as on mobile phone design, when press/click the log item. ### Screenshots <details><summary>Screenshot:</summary> ![image](https://user-images.githubusercontent.com/8361299/180663172-7250ec7d-2ddc-46a8-9b72-a58e2fa16250.png) </details> ### Additional Information
deekerman 2026-03-04 04:21:57 -05:00
Author
Owner

@laughtLOOL commented on GitHub (Jul 27, 2022):

That not only for iPad, on the any mobile or even PC on small size webiste, when the feature column on the top left need to click to open, that would have that issue

@laughtLOOL commented on GitHub (Jul 27, 2022): That not only for iPad, on the any mobile or even PC on small size webiste, when the feature column on the top left need to click to open, that would have that issue
Author
Owner

@ainar-g commented on GitHub (Aug 3, 2022):

We've made some improvements in 053bb72 and a few other commits. The new design (#2554) should not have these issues, so we'll close this one for now.

@ainar-g commented on GitHub (Aug 3, 2022): We've made some improvements in 053bb72 and a few other commits. The new design (#2554) should not have these issues, so we'll close this one for now.
Author
Owner

@agneevX commented on GitHub (Aug 3, 2022):

Hello,

This is quite a bad UI change. Earlier I could tap the question glyphs to hover over the information.
Now it straight away opens a modal meant for mobile devices with no apparent way to close them. This also spans across the entire screen.

This modal pops up when I tap just about anywhere in Query Log.

image

This is also quite buggy. If I simulate a tablet device on desktop, click anywhere, close the modal by pressing Esc and immediately hover over a question glyph, it shows the box.

@agneevX commented on GitHub (Aug 3, 2022): Hello, This is quite a bad UI change. Earlier I could tap the question glyphs to hover over the information. Now it straight away opens a modal meant for mobile devices with no apparent way to close them. This also spans across the entire screen. This modal pops up when I tap just about anywhere in Query Log. ![image](https://user-images.githubusercontent.com/19761269/182634555-0db99f49-c645-4f92-bd1e-1351a0ea7d3a.png) This is also quite buggy. If I simulate a tablet device on desktop, click _anywhere_, close the modal by pressing Esc and immediately hover over a question glyph, it shows the box.
Author
Owner

@ainar-g commented on GitHub (Aug 3, 2022):

@agneevX, clicking outside of the modal closes it for me. Is that not the case for you? Although, I personally would also add an explicit button.

This modal pops up when I tap just about anywhere in Query Log.

I cannot reproduce that. For me, it only opens when I click on a query log record.

Can you file a new issue, including your OS/browser and the viewport size in the Additional section? Thanks.

@ainar-g commented on GitHub (Aug 3, 2022): @agneevX, clicking outside of the modal closes it for me. Is that not the case for you? Although, I personally would also add an explicit :x: button. > This modal pops up when I tap just about anywhere in Query Log. I cannot reproduce that. For me, it only opens when I click on a query log record. Can you file a new issue, including your OS/browser and the viewport size in the Additional section? Thanks.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/AdGuardHome#3815
No description provided.