Title: wasm/notebook: mobile and tablet responsive layout by mireille-raad · Pull Request #2363 · RustPython/RustPython · GitHub
Open Graph Title: wasm/notebook: mobile and tablet responsive layout by mireille-raad · Pull Request #2363 · RustPython/RustPython
X Title: wasm/notebook: mobile and tablet responsive layout by mireille-raad · Pull Request #2363 · RustPython/RustPython
Description: This PR adds responsive layout to wasm/notebook on phone and ipad/tablets. The notebook looked decent/good on phone and iPad (especially when the iPad is flipped horizontally). Since I think those devices would be mostly used for reading code, not writing it, imho the layout is good enough for now (It can be better on phones tho). Here are some screenshots from tests on real devices. There is a problem with Chrome on Android (will open an issue). iPad (safari) Android (Firefox) Android (Chrome) needs fixing, will create an issue.
Open Graph Description: This PR adds responsive layout to wasm/notebook on phone and ipad/tablets. The notebook looked decent/good on phone and iPad (especially when the iPad is flipped horizontally). Since I think those...
X Description: This PR adds responsive layout to wasm/notebook on phone and ipad/tablets. The notebook looked decent/good on phone and iPad (especially when the iPad is flipped horizontally). Since I think those...
Opengraph URL: https://github.com/RustPython/RustPython/pull/2363
X: @github
Domain: github.com
| route-pattern | /:user_id/:repository/pull/:id/files(.:format) |
| route-controller | pull_requests |
| route-action | files |
| fetch-nonce | v2:6a1e6889-1a21-4684-b2e9-683b17458043 |
| current-catalog-service-hash | ae870bc5e265a340912cde392f23dad3671a0a881730ffdadd82f2f57d81641b |
| request-id | 861E:3AA36:255FE0E:32608BF:6A59AD83 |
| html-safe-nonce | 72357f4ed29e332d1a31b6d48cf89c8ed454316e189be15befbe56debb9e6074 |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI4NjFFOjNBQTM2OjI1NUZFMEU6MzI2MDhCRjo2QTU5QUQ4MyIsInZpc2l0b3JfaWQiOiI1ODczMjYyNTMwODkwNjczNTM5IiwicmVnaW9uX2VkZ2UiOiJpYWQiLCJyZWdpb25fcmVuZGVyIjoiaWFkIn0= |
| visitor-hmac | e5770f3f2ac160aef670f3eff5b700090b3d2e202328a6fc5f593c69174070ee |
| hovercard-subject-tag | pull_request:534824835 |
| github-keyboard-shortcuts | repository,pull-request-list,pull-request-conversation,pull-request-files-changed,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/RustPython/RustPython/pull/2363/files |
| twitter:image | https://avatars.githubusercontent.com/u/521705?s=400&v=4 |
| twitter:card | summary_large_image |
| og:image | https://avatars.githubusercontent.com/u/521705?s=400&v=4 |
| og:image:alt | This PR adds responsive layout to wasm/notebook on phone and ipad/tablets. The notebook looked decent/good on phone and iPad (especially when the iPad is flipped horizontally). Since I think those... |
| og:site_name | GitHub |
| og:type | object |
| hostname | github.com |
| expected-hostname | github.com |
| None | ba3976babb66479b1c943a8edc0777d96157da48fadc0161f9ddb219deee8353 |
| turbo-cache-control | no-preview |
| diff-view | unified |
| go-import | github.com/RustPython/RustPython git https://github.com/RustPython/RustPython.git |
| octolytics-dimension-user_id | 39710557 |
| octolytics-dimension-user_login | RustPython |
| octolytics-dimension-repository_id | 135201145 |
| octolytics-dimension-repository_nwo | RustPython/RustPython |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 135201145 |
| octolytics-dimension-repository_network_root_nwo | RustPython/RustPython |
| turbo-body-classes | logged-out env-production page-responsive full-width |
| disable-turbo | true |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | ab680789ae4a316cdaf0d5a292a1760140931cc4 |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width