zelo72
/
mastodon-ios
mirror of https://github.com/mastodon/mastodon-ios
2
2
Fork 1
Code Issues 19 Releases Wiki Activity

Render alt text

This commit is contained in:
Jed Fox 2022-12-20 12:36:31 -05:00
parent 28b52533f9
commit 4bcf76740f
No known key found for this signature in database
GPG Key ID: 0B61D18EA54B47E1
1 changed files with 28 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
MastodonSDK/Sources/MastodonUI/View/Content/MediaAltTextOverlay.swift
View File

@ -14,15 +14,33 @@ struct MediaAltTextOverlay: View {
@State private var showingAlt = false @State private var showingAlt = false
var body: some View { var body: some View {
HStack { GeometryReader { geom in
VStack { ZStack {
Spacer(minLength: 0) if let altDescription {
if altDescription != nil { if showingAlt {
Button("ALT") {} HStack(alignment: .top) {
.buttonStyle(AltButtonStyle()) Text(altDescription)
Spacer()
Button(action: { showingAlt = false }) {
Image(systemName: "xmark.circle.fill")
.frame(width: 20, height: 20)
}
}
.padding(8)
.frame(width: geom.size.width)
.fixedSize()
} else {
Button("ALT") { showingAlt = true }
.fixedSize()
.buttonStyle(AltButtonStyle())
}
} }
} }
Spacer(minLength: 0) .foregroundColor(.white)
.tint(.white)
.background(Color.black.opacity(0.85))
.cornerRadius(4)
.frame(width: geom.size.width, height: geom.size.height, alignment: .bottomLeading)
} }
.padding(.horizontal, 16) .padding(.horizontal, 16)
.padding(.vertical, 8) .padding(.vertical, 8)
@ -34,29 +52,21 @@ struct MediaAltTextOverlay: View {
@available(iOS 15.0, *) @available(iOS 15.0, *)
private struct AltButtonStyle: ButtonStyle { private struct AltButtonStyle: ButtonStyle {
@Environment(\.pixelLength) private var pixelLength
func makeBody(configuration: Configuration) -> some View { func makeBody(configuration: Configuration) -> some View {
configuration.label configuration.label
.font(.caption.weight(.semibold)) .font(.caption.weight(.semibold))
.foregroundColor(.white)
.padding(.horizontal, 8) .padding(.horizontal, 8)
.padding(.vertical, 3) .padding(.vertical, 3)
.background(Color.black.opacity(0.85))
.cornerRadius(4)
.opacity(configuration.isPressed ? 0.5 : 1) .opacity(configuration.isPressed ? 0.5 : 1)
.overlay(
.white.opacity(0.4),
in: RoundedRectangle(cornerRadius: 4)
.inset(by: -0.5)
.stroke(lineWidth: 0.5)
)
} }
} }
@available(iOS 15.0, *) @available(iOS 15.0, *)
struct MediaAltTextOverlay_Previews: PreviewProvider { struct MediaAltTextOverlay_Previews: PreviewProvider {
static var previews: some View { static var previews: some View {
MediaAltTextOverlay(altDescription: nil)
MediaAltTextOverlay(altDescription: "Hello, world!") MediaAltTextOverlay(altDescription: "Hello, world!")
.frame(height: 300)
.background(Color.gray)
.previewLayout(.sizeThatFits)
} }
} }