UX: in share, use native image dimensions and hide filename (#880)

awesomerobot · web-flow · commit 32ea421408e5 · 2024-10-31T13:51:10.000-04:00
diff --git a/public/ai-share/share.css b/public/ai-share/share.css
@@ -413,7 +413,7 @@ li, p {
 }
 
 .lightbox-wrapper img {
-  width: 100%;
+  width: auto;
   height: auto;
 }
 
@@ -440,8 +440,9 @@ aside .title .avatar {
   margin-right: 0.5em;
 }
 
-
-.lightbox-wrapper .meta svg, .lightbox-wrapper .meta .informations {
+.lightbox-wrapper .meta .filename,
+.lightbox-wrapper .meta svg, 
+.lightbox-wrapper .meta .informations {
   display: none;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -413,7 +413,7 @@ li, p {`
`413`	`413`	`}`
`414`	`414`
`415`	`415`	`.lightbox-wrapper img {`
`416`		`- width: 100%;`
	`416`	`+ width: auto;`
`417`	`417`	`height: auto;`
`418`	`418`	`}`
`419`	`419`
`@@ -440,8 +440,9 @@ aside .title .avatar {`
`440`	`440`	`margin-right: 0.5em;`
`441`	`441`	`}`
`442`	`442`
`443`		`-`
`444`		`-.lightbox-wrapper .meta svg, .lightbox-wrapper .meta .informations {`
	`443`	`+.lightbox-wrapper .meta .filename,`
	`444`	`+.lightbox-wrapper .meta svg,`
	`445`	`+.lightbox-wrapper .meta .informations {`
`445`	`446`	`display: none;`
`446`	`447`	`}`
`447`	`448`