search

w3c / N3

W3C's Notation 3 (N3) Community Group
47 stars 18 forks source link

Example 15/16 and RWD #151

Closed domel closed 1 year ago

domel commented 1 year ago

Example 15 and Example 16 in the spec display problematically in mobile devices. Maybe overflow-x:scroll in CSS will help?

TallTed commented 1 year ago

Can you provide a screenshot of some problematic display?

Over time (not specific to these examples), I've found different issues in different browsers on different devices. Much is testable and improvable with web developer tools like the Web Developer Extension and Stylebot. The former can preview a page in variously sized DIVs to emulate various devices, though it is limited to the browser in which the extension is installed. Both can allow CSS tweaks to be shown in your local browser without changing the live page until your changes are well tested. Perhaps these will help you test whether overflow-x:scroll makes a difference, through testing in a desktop browser with DIVs sized to match your mobile devices....

domel commented 1 year ago

Here you are IMG_20230228_201704

To see the second example I should scroll to right, which is annoying. The same issue is in Example 7 and Example 8.

TallTed commented 1 year ago

Oh, how interesting... I think that will not be a CSS solution, but it shouldn't be too difficult to solve by editing the documentation HTML. I'll try to find the time to poke at it, but someone else may get there sooner.

william-vw commented 1 year ago

@domel @TallTed Please feel free to issue a PR to fix this problem.

domel commented 1 year ago

@william-vw see PR https://github.com/w3c/N3/pull/159

william-vw commented 1 year ago

thanks - merged the PR.