Query log UI issue on tablet device

[Alex-302]

• 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:

Additional Information

[laughtLOOL]

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

[ainar-g]

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.

[agneevX]

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.

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.

[ainar-g]

@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.