diff options
| -rw-r--r-- | ios/MullvadVPN/View controllers/Tunnel/ConnectionView/HeaderView.swift | 60 |
1 files changed, 30 insertions, 30 deletions
diff --git a/ios/MullvadVPN/View controllers/Tunnel/ConnectionView/HeaderView.swift b/ios/MullvadVPN/View controllers/Tunnel/ConnectionView/HeaderView.swift index 5f4ceecdaf..9e670764ea 100644 --- a/ios/MullvadVPN/View controllers/Tunnel/ConnectionView/HeaderView.swift +++ b/ios/MullvadVPN/View controllers/Tunnel/ConnectionView/HeaderView.swift @@ -22,45 +22,45 @@ extension ConnectionView { isExpanded.toggle() } } label: { - HStack(alignment: .top) { - VStack(alignment: .leading, spacing: 0) { + VStack(alignment: .leading, spacing: 0) { + HStack(alignment: .top) { Text(viewModel.localizedTitleForSecureLabel) .textCase(.uppercase) .font(.title3.weight(.semibold)) .foregroundStyle(viewModel.textColorForSecureLabel.color) .accessibilityIdentifier(viewModel.accessibilityIdForSecureLabel.asString) .accessibilityLabel(viewModel.localizedAccessibilityLabelForSecureLabel) - if let titleForCountryAndCity { - Text(titleForCountryAndCity) - .font(.title3.weight(.semibold)) - .foregroundStyle(UIColor.primaryTextColor.color) - .padding(.top, 4) - } - if let titleForServer { - Text(titleForServer) - .font(.body) - .foregroundStyle(UIColor.primaryTextColor.color.opacity(0.6)) - .padding(.top, 2) - .accessibilityIdentifier(AccessibilityIdentifier.connectionPanelServerLabel.asString) - .multilineTextAlignment(.leading) - } - } - - Group { - Spacer() - Button { - withAnimation { - isExpanded.toggle() + Group { + Spacer() + Button { + withAnimation { + isExpanded.toggle() + } + } label: { + Image(.iconChevronUp) + .renderingMode(.template) + .rotationEffect(isExpanded ? .degrees(-180) : .degrees(0)) + .foregroundStyle(.white) + .accessibilityIdentifier(AccessibilityIdentifier.relayStatusCollapseButton.asString) } - } label: { - Image(.iconChevronUp) - .renderingMode(.template) - .rotationEffect(isExpanded ? .degrees(-180) : .degrees(0)) - .foregroundStyle(.white) - .accessibilityIdentifier(AccessibilityIdentifier.relayStatusCollapseButton.asString) } + .showIf(viewModel.showsConnectionDetails) + } + if let titleForCountryAndCity { + Text(titleForCountryAndCity) + .font(.title3.weight(.semibold)) + .foregroundStyle(UIColor.primaryTextColor.color) + .padding(.top, 4) + } + if let titleForServer { + Text(titleForServer) + .font(.body) + .foregroundStyle(UIColor.primaryTextColor.color.opacity(0.6)) + .padding(.top, 2) + .accessibilityIdentifier(AccessibilityIdentifier.connectionPanelServerLabel.asString) + .multilineTextAlignment(.leading) + .fixedSize(horizontal: false, vertical: true) } - .showIf(viewModel.showsConnectionDetails) } .onAppear { titleForServer = viewModel.titleForServer |