René's URL Explorer Experiment


Title: Add image viewer rework by Septicity · Pull Request #686 · SableClient/Sable · GitHub

Open Graph Title: Add image viewer rework by Septicity · Pull Request #686 · SableClient/Sable

X Title: Add image viewer rework by Septicity · Pull Request #686 · SableClient/Sable

Description: An almost stable Matrix client. Contribute to SableClient/Sable development by creating an account on GitHub.

Open Graph Description: Description I've fixed many issues with the image viewer, while also adding some intuitive functionality. Fixes: Inline styles that aren't changed dynamically have been moved to the CSS. ...

X Description: Description I've fixed many issues with the image viewer, while also adding some intuitive functionality. Fixes: Inline styles that aren't changed dynamically have been moved to t...

Opengraph URL: https://github.com/SableClient/Sable/pull/686

X: @github

direct link

Domain: github.com

route-pattern/_view_fragments/voltron/pull_requests/show/:user_id/:repository/:id/pull_request_layout(.:format)
route-controllervoltron_pull_requests_fragments
route-actionpull_request_layout
fetch-noncev2:f21c1ca9-dd4d-09c9-2d34-7afdfe04ef67
current-catalog-service-hashae870bc5e265a340912cde392f23dad3671a0a881730ffdadd82f2f57d81641b
request-idE82C:1F19:26CA32:3CDF43:6A4EF601
html-safe-nonce9722dd4868aba013a33ecd95c18f047826003b2e77def9534d78c36b9e47d425
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJFODJDOjFGMTk6MjZDQTMyOjNDREY0Mzo2QTRFRjYwMSIsInZpc2l0b3JfaWQiOiIxNTk5Njg1MzY2MDI0OTU5NDg5IiwicmVnaW9uX2VkZ2UiOiJpYWQiLCJyZWdpb25fcmVuZGVyIjoiaWFkIn0=
visitor-hmac17788776e680cb52415da7cbf2192b9eaad96dfb88f05e1d154eddcb2c70d23b
hovercard-subject-tagpull_request:3528091310
github-keyboard-shortcutsrepository,pull-request-list,pull-request-conversation,pull-request-files-changed,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///voltron/pull_requests_fragments/pull_request_layout
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/_view_fragments/voltron/pull_requests/show/SableClient/Sable/686/pull_request_layout
twitter:imagehttps://opengraph.githubassets.com/4c4d5a931af98e2937f49304cfd17eacbae97b2618f854601882931dc0c248ca/SableClient/Sable/pull/686
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/4c4d5a931af98e2937f49304cfd17eacbae97b2618f854601882931dc0c248ca/SableClient/Sable/pull/686
og:image:altDescription I've fixed many issues with the image viewer, while also adding some intuitive functionality. Fixes: Inline styles that aren't changed dynamically have been moved to the CSS. ...
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
og:author:usernameSepticity
hostnamegithub.com
expected-hostnamegithub.com
Noneb92d11c0aa4a77d54ef4af1078b6a15fb5a70a215b30c4ecf28889d5a8e656d9
turbo-cache-controlno-cache
go-importgithub.com/SableClient/Sable git https://github.com/SableClient/Sable.git
octolytics-dimension-user_id266766652
octolytics-dimension-user_loginSableClient
octolytics-dimension-repository_id1177159647
octolytics-dimension-repository_nwoSableClient/Sable
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id1177159647
octolytics-dimension-repository_network_root_nwoSableClient/Sable
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
release2b8f23afb982271f1b22258a94aede67a6b77760
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://github.com/SableClient/Sable/pull/686#start-of-content
https://github.com/
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FSableClient%2FSable%2Fpull%2F686
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub Copilot appDirect agents from issue to mergehttps://github.com/features/ai/github-app
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
View all resourceshttps://github.com/resources
GitHub SponsorsFund open source developershttps://github.com/open-source/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/open-source/accelerator
GitHub Starshttps://stars.github.com
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/enterprise/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FSableClient%2FSable%2Fpull%2F686
Sign up https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fvoltron%2Fpull_requests_fragments%2Fpull_request_layout&source=header-repo&source_repo=SableClient%2FSable
Reloadhttps://github.com/SableClient/Sable/pull/686
Reloadhttps://github.com/SableClient/Sable/pull/686
Reloadhttps://github.com/SableClient/Sable/pull/686
Please reload this pagehttps://github.com/SableClient/Sable/pull/686
SableClient https://github.com/SableClient
Sablehttps://github.com/SableClient/Sable
Notifications https://github.com/login?return_to=%2FSableClient%2FSable
Fork 60 https://github.com/login?return_to=%2FSableClient%2FSable
Star 253 https://github.com/login?return_to=%2FSableClient%2FSable
Code https://github.com/SableClient/Sable
Issues 164 https://github.com/SableClient/Sable/issues
Pull requests 16 https://github.com/SableClient/Sable/pulls
Actions https://github.com/SableClient/Sable/actions
Security and quality 0 https://github.com/SableClient/Sable/security
Insights https://github.com/SableClient/Sable/pulse
Code https://github.com/SableClient/Sable
Issues https://github.com/SableClient/Sable/issues
Pull requests https://github.com/SableClient/Sable/pulls
Actions https://github.com/SableClient/Sable/actions
Security and quality https://github.com/SableClient/Sable/security
Insights https://github.com/SableClient/Sable/pulse
7w1https://github.com/7w1
SableClient:devhttps://github.com/SableClient/Sable/tree/dev
Septicity:feat/image-viewer-reworkhttps://github.com/Septicity/Sable/tree/feat/image-viewer-rework
Conversationhttps://github.com/SableClient/Sable/pull/686
Commits15 (15)https://github.com/SableClient/Sable/pull/686/commits
Checkshttps://github.com/SableClient/Sable/pull/686/checks
Files changedhttps://github.com/SableClient/Sable/pull/686/files
Add image viewer reworkhttps://github.com/SableClient/Sable/pull/686#top
7w1https://github.com/7w1
SableClient:devhttps://github.com/SableClient/Sable/tree/dev
Septicity:feat/image-viewer-reworkhttps://github.com/Septicity/Sable/tree/feat/image-viewer-rework
https://github.com/Septicity
Septicityhttps://github.com/Septicity
Apr 14, 2026https://github.com/SableClient/Sable/pull/686#issue-4261761225
Please reload this pagehttps://github.com/SableClient/Sable/pull/686
Septicityhttps://github.com/Septicity
April 13, 2026 14:03https://github.com/SableClient/Sable/pull/686#commits-pushed-74ed06e
https://github.com/Septicity
Initial rework of Image Viewer zoomhttps://github.com/SableClient/Sable/pull/686/commits/74ed06ea4a50861ed17ca9a7e319f07303210f86
74ed06ehttps://github.com/SableClient/Sable/pull/686/commits/74ed06ea4a50861ed17ca9a7e319f07303210f86
https://github.com/Septicity
Change default Image Viewer rendering style to "pixelated"https://github.com/SableClient/Sable/pull/686/commits/81358cba599d9bf7eb9fcca31a6d85dadf6d254e
81358cbhttps://github.com/SableClient/Sable/pull/686/commits/81358cba599d9bf7eb9fcca31a6d85dadf6d254e
https://github.com/Septicity
Fix immediate zoom animation when opened image is larger than the vie…https://github.com/SableClient/Sable/pull/686/commits/76a59e389cc7bfc37a862ba125d86b57d7d85ed8
76a59e3https://github.com/SableClient/Sable/pull/686/commits/76a59e389cc7bfc37a862ba125d86b57d7d85ed8
https://github.com/Septicity
Make dragging images more responsive (Disable transition when dragging)https://github.com/SableClient/Sable/pull/686/commits/37f1105ca295f9c74e3be6d482850e9e4ffb3930
37f1105https://github.com/SableClient/Sable/pull/686/commits/37f1105ca295f9c74e3be6d482850e9e4ffb3930
https://github.com/Septicity
Add reset button to image viewer zoom controlshttps://github.com/SableClient/Sable/pull/686/commits/1233421e0ff2ce38ba2719d16340e0b755d8335d
1233421https://github.com/SableClient/Sable/pull/686/commits/1233421e0ff2ce38ba2719d16340e0b755d8335d
https://github.com/Septicity
Make zoom input editable by typing (moved View Original Size function…https://github.com/SableClient/Sable/pull/686/commits/2b20dcf8e62b1ffe5a83debd75b0822ab61ba691
2b20dcfhttps://github.com/SableClient/Sable/pull/686/commits/2b20dcf8e62b1ffe5a83debd75b0822ab61ba691
https://github.com/Septicity
Restore original image viewer behavior by automatically refitting to …https://github.com/SableClient/Sable/pull/686/commits/30ab99f1ba4b2431e572fab5a950b17f514db5db
30ab99fhttps://github.com/SableClient/Sable/pull/686/commits/30ab99f1ba4b2431e572fab5a950b17f514db5db
https://github.com/Septicity
Move image/container resize logic to useImageGestures.ts; make doub…https://github.com/SableClient/Sable/pull/686/commits/e7539b5570f78e46b42c94ee48023acad54966ad
e7539b5https://github.com/SableClient/Sable/pull/686/commits/e7539b5570f78e46b42c94ee48023acad54966ad
https://github.com/Septicity
Make pinch zoom gesture not trigger double tap gesturehttps://github.com/SableClient/Sable/pull/686/commits/2d57445fe0409eff3e54e0a4c06abfc8a2dfd939
2d57445https://github.com/SableClient/Sable/pull/686/commits/2d57445fe0409eff3e54e0a4c06abfc8a2dfd939
https://github.com/Septicity
Make double tap gestures ignore clicks that are *too* fast (accidenta…https://github.com/SableClient/Sable/pull/686/commits/47ccb529d4bbdb416c7c2b43b08add45ba767fb9
47ccb52https://github.com/SableClient/Sable/pull/686/commits/47ccb529d4bbdb416c7c2b43b08add45ba767fb9
https://github.com/Septicity
Septicityhttps://github.com/Septicity
7w1https://github.com/7w1
hazrehttps://github.com/hazre
code ownershttps://github.com/SableClient/Sable/blob/c96947b7466f622af0c720b08f8233866c8b5d04/.github/CODEOWNERS#L1
April 14, 2026 11:39https://github.com/SableClient/Sable/pull/686#event-24485364987
https://github.com/nushea
nusheahttps://github.com/nushea
May 1, 2026https://github.com/SableClient/Sable/pull/686#event-25065794444
https://github.com/nushea
nusheahttps://github.com/nushea
May 1, 2026https://github.com/SableClient/Sable/pull/686#event-25065796101
https://github.com/nushea
Sign in to viewhttps://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FSableClient%2FSable%2Fpull%2F686
https://github.com/nushea
nusheahttps://github.com/nushea
May 13, 2026https://github.com/SableClient/Sable/pull/686#event-25484808535
nusheahttps://github.com/nushea
May 14, 2026 08:09https://github.com/SableClient/Sable/pull/686#commits-pushed-21ecfe4
https://github.com/nushea
Merge Upstreamhttps://github.com/SableClient/Sable/pull/686/commits/21ecfe4472403b652f6c959e60172d868a1dae60
21ecfe4https://github.com/SableClient/Sable/pull/686/commits/21ecfe4472403b652f6c959e60172d868a1dae60
https://github.com/nushea
added small qol changeshttps://github.com/SableClient/Sable/pull/686/commits/b3c4edcead3de59bd564e7d3a49a4011cee7d613
b3c4edchttps://github.com/SableClient/Sable/pull/686/commits/b3c4edcead3de59bd564e7d3a49a4011cee7d613
https://github.com/nushea
changed it to zoom to fit to container initially regardless of size s…https://github.com/SableClient/Sable/pull/686/commits/fde563e46e97f53062c85d62a27f87d2f397b37d
fde563ehttps://github.com/SableClient/Sable/pull/686/commits/fde563e46e97f53062c85d62a27f87d2f397b37d
https://github.com/nushea
nusheahttps://github.com/nushea
May 16, 2026https://github.com/SableClient/Sable/pull/686#issuecomment-4466711445
Please reload this pagehttps://github.com/SableClient/Sable/pull/686
https://github.com/nushea
added changeset, titles to buttons and a border around the download b…https://github.com/SableClient/Sable/pull/686/commits/e97b02d7077f63c9f6349dcc7646d5c7c75219b0
e97b02dhttps://github.com/SableClient/Sable/pull/686/commits/e97b02d7077f63c9f6349dcc7646d5c7c75219b0
https://github.com/nushea
nusheahttps://github.com/nushea
force-pushedhttps://github.com/SableClient/Sable/compare/2d1e3d54409eddf0578894728db67d71c1ee87b6..e97b02d7077f63c9f6349dcc7646d5c7c75219b0
2d1e3d5https://github.com/SableClient/Sable/commit/2d1e3d54409eddf0578894728db67d71c1ee87b6
e97b02dhttps://github.com/SableClient/Sable/commit/e97b02d7077f63c9f6349dcc7646d5c7c75219b0
Compare https://github.com/SableClient/Sable/compare/2d1e3d54409eddf0578894728db67d71c1ee87b6..e97b02d7077f63c9f6349dcc7646d5c7c75219b0
May 16, 2026 11:34https://github.com/SableClient/Sable/pull/686#event-25607504773
https://github.com/nushea
nusheahttps://github.com/nushea
May 16, 2026https://github.com/SableClient/Sable/pull/686#issuecomment-4467847854
https://sable.she-a.euhttps://sable.she-a.eu
Please reload this pagehttps://github.com/SableClient/Sable/pull/686
https://github.com/7w1
add setting for pixelated rendering and update changesethttps://github.com/SableClient/Sable/pull/686/commits/d7912ec3970b88d0c2af4b9fa649e951c0ec31b2
d7912echttps://github.com/SableClient/Sable/pull/686/commits/d7912ec3970b88d0c2af4b9fa649e951c0ec31b2
https://github.com/7w1
7w1https://github.com/7w1
May 18, 2026 https://github.com/SableClient/Sable/pull/686#pullrequestreview-4314469341
View reviewed changes https://github.com/SableClient/Sable/pull/686/files/d7912ec3970b88d0c2af4b9fa649e951c0ec31b2
https://github.com/7w1
7w1https://github.com/7w1
merge queuehttps://github.com/SableClient/Sable/queue/dev
May 18, 2026https://github.com/SableClient/Sable/pull/686#event-25680469426
e378a0fhttps://github.com/SableClient/Sable/commit/e378a0fe7ad28cbb557f39e9539a106dcbde6a5d
May 18, 2026https://github.com/SableClient/Sable/pull/686#event-25680527417
Please reload this pagehttps://github.com/SableClient/Sable/pull/686
https://github.com/apps/sable-actions
sable-actionshttps://github.com/apps/sable-actions
May 18, 2026 https://github.com/SableClient/Sable/pull/686#ref-pullrequest-4460747766
chore: prepare release 1.17.0 #853 https://github.com/SableClient/Sable/pull/853
ProfessorVaroxhttps://github.com/ProfessorVarox
May 22, 2026 https://github.com/SableClient/Sable/pull/686#ref-commit-4c4d146
https://github.com/7w1
chore: prepare release 1.17.0 (https://github.com/ProfessorVarox/sable/commit/4c4d146a9f7bcfd965ce1de35ff0872cc3349ba1
SableClient#853https://github.com/SableClient/Sable/pull/853
)https://github.com/ProfessorVarox/sable/commit/4c4d146a9f7bcfd965ce1de35ff0872cc3349ba1
4c4d146https://github.com/ProfessorVarox/sable/commit/4c4d146a9f7bcfd965ce1de35ff0872cc3349ba1
SableClient#860https://github.com/SableClient/Sable/pull/860
SableClient#860https://github.com/SableClient/Sable/pull/860
@7w1https://github.com/7w1
SableClient#851https://github.com/SableClient/Sable/pull/851
SableClient#851https://github.com/SableClient/Sable/pull/851
@nusheahttps://github.com/nushea
SableClient#866https://github.com/SableClient/Sable/pull/866
SableClient#866https://github.com/SableClient/Sable/pull/866
@nusheahttps://github.com/nushea
SableClient#686https://github.com/SableClient/Sable/pull/686
SableClient#686https://github.com/SableClient/Sable/pull/686
@7w1https://github.com/7w1
@nusheahttps://github.com/nushea
@Septicityhttps://github.com/Septicity
SableClient#860https://github.com/SableClient/Sable/pull/860
SableClient#860https://github.com/SableClient/Sable/pull/860
@7w1https://github.com/7w1
SableClient#860https://github.com/SableClient/Sable/pull/860
SableClient#860https://github.com/SableClient/Sable/pull/860
@7w1https://github.com/7w1
SableClient#860https://github.com/SableClient/Sable/pull/860
SableClient#860https://github.com/SableClient/Sable/pull/860
@7w1https://github.com/7w1
SableClient#860https://github.com/SableClient/Sable/pull/860
SableClient#860https://github.com/SableClient/Sable/pull/860
@7w1https://github.com/7w1
SableClient#895https://github.com/SableClient/Sable/pull/895
SableClient#895https://github.com/SableClient/Sable/pull/895
@7w1https://github.com/7w1
SableClient#860https://github.com/SableClient/Sable/pull/860
SableClient#860https://github.com/SableClient/Sable/pull/860
@7w1https://github.com/7w1
SableClient#860https://github.com/SableClient/Sable/pull/860
SableClient#860https://github.com/SableClient/Sable/pull/860
@7w1https://github.com/7w1
SableClient#882https://github.com/SableClient/Sable/pull/882
SableClient#882https://github.com/SableClient/Sable/pull/882
@770grappenmakerhttps://github.com/770grappenmaker
SableClient#863https://github.com/SableClient/Sable/pull/863
SableClient#863https://github.com/SableClient/Sable/pull/863
@7w1https://github.com/7w1
SableClient#891https://github.com/SableClient/Sable/pull/891
SableClient#891https://github.com/SableClient/Sable/pull/891
@7w1https://github.com/7w1
SableClient#864https://github.com/SableClient/Sable/pull/864
SableClient#864https://github.com/SableClient/Sable/pull/864
@7w1https://github.com/7w1
cinnyapp/cinny@bef2672https://github.com/cinnyapp/cinny/commit/bef267257a28b3be8a96852fed1718f63cf570f9
SableClient#852https://github.com/SableClient/Sable/pull/852
SableClient#852https://github.com/SableClient/Sable/pull/852
@7w1https://github.com/7w1
SableClient#892https://github.com/SableClient/Sable/pull/892
SableClient#892https://github.com/SableClient/Sable/pull/892
@7w1https://github.com/7w1
https://github.com/bunlibnow
bunlibnowhttps://github.com/bunlibnow
Jun 1, 2026 https://github.com/SableClient/Sable/pull/686#ref-issue-4559479296
Add ability to scale images to 100% with one click in the image viewer #914 https://github.com/SableClient/Sable/issues/914
https://github.co/hiddenchars
https://github.com/SableClient/Sable/pull/{{ revealButtonHref }}
Sign up for freehttps://github.com/join?source=comment-repo
Sign in to commenthttps://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FSableClient%2FSable%2Fpull%2F686
https://github.com/7w1
7w1 https://github.com/7w1
https://github.com/SableClient/Sable/pull/686/files/d7912ec3970b88d0c2af4b9fa649e951c0ec31b2
https://github.com/hazre
hazre https://github.com/hazre
https://github.com/nushea
nushea https://github.com/nushea
Please reload this pagehttps://github.com/SableClient/Sable/pull/686
https://github.com/Septicity
https://github.com/nushea
https://github.com/7w1
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width

URLs of crawlers that visited me.