d865c3bc8a
- Add an animation to long press on messages. - Make emojis bigger on the reactions picker screen. - Remove quote menu action. - Fix emoji picker handle overlapping focused search field. - Update launch, splash and onboarding screens. - Use elevation tokens in Forms. - Move the cancel button on the Start Chat flow.
85 lines
2.6 KiB
Swift
85 lines
2.6 KiB
Swift
//
|
|
// Copyright 2023 New Vector Ltd
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
//
|
|
|
|
import SwiftUI
|
|
|
|
struct FormRowLabelStyle: LabelStyle {
|
|
@ScaledMetric private var menuIconSize = 30.0
|
|
|
|
var alignment = VerticalAlignment.firstTextBaseline
|
|
var role: ButtonRole?
|
|
|
|
private var titleColor: Color {
|
|
if role == .destructive {
|
|
return .compound.textCriticalPrimary
|
|
} else {
|
|
return .compound.textPrimary
|
|
}
|
|
}
|
|
|
|
private var iconBackgroundColor: Color {
|
|
if role == .destructive {
|
|
return .compound._bgCriticalSubtleAlpha
|
|
} else {
|
|
return .compound._bgSubtleSecondaryAlpha
|
|
}
|
|
}
|
|
|
|
private var iconForegroundColor: Color {
|
|
if role == .destructive {
|
|
return .compound.textCriticalPrimary
|
|
} else {
|
|
return .compound.iconTertiaryAlpha
|
|
}
|
|
}
|
|
|
|
func makeBody(configuration: Configuration) -> some View {
|
|
HStack(alignment: alignment, spacing: 16) {
|
|
configuration.icon
|
|
.foregroundColor(iconForegroundColor)
|
|
.padding(4)
|
|
.frame(width: menuIconSize, height: menuIconSize)
|
|
.background(iconBackgroundColor)
|
|
.clipShape(RoundedRectangle(cornerRadius: 8))
|
|
configuration.title
|
|
.font(.compound.bodyLG)
|
|
.foregroundColor(titleColor)
|
|
}
|
|
}
|
|
}
|
|
|
|
struct FormRowLabelStyle_Previews: PreviewProvider {
|
|
static var previews: some View {
|
|
VStack(alignment: .leading) {
|
|
Label("Person", systemImage: "person")
|
|
.labelStyle(FormRowLabelStyle())
|
|
|
|
Label("Help", systemImage: "questionmark.circle")
|
|
.labelStyle(FormRowLabelStyle())
|
|
|
|
Label("Camera", systemImage: "camera")
|
|
.labelStyle(FormRowLabelStyle())
|
|
|
|
Label("Help", systemImage: "questionmark")
|
|
.labelStyle(FormRowLabelStyle())
|
|
|
|
Label("Destroy", systemImage: "x.circle")
|
|
.labelStyle(FormRowLabelStyle(role: .destructive))
|
|
}
|
|
.padding()
|
|
}
|
|
}
|