wrapping the use case into a scrollview to avoid overlapping on smaller devices

This commit is contained in:
Adam Brown 2022-01-13 12:00:59 +00:00
parent 83af0d7bb9
commit b371e24d9f
1 changed files with 166 additions and 154 deletions

View File

@ -1,10 +1,17 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" <androidx.core.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools" xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent" style="@style/LoginFormScrollView"
android:layout_height="match_parent" android:layout_height="match_parent"
android:background="?android:colorBackground" android:background="?android:colorBackground"
android:fillViewport="true"
android:paddingTop="0dp"
android:paddingBottom="0dp">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingTop="@dimen/layout_vertical_margin" android:paddingTop="@dimen/layout_vertical_margin"
android:paddingBottom="@dimen/layout_vertical_margin"> android:paddingBottom="@dimen/layout_vertical_margin">
@ -26,8 +33,8 @@
android:id="@+id/useCaseHeaderIcon" android:id="@+id/useCaseHeaderIcon"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginTop="52dp"
android:contentDescription="@null" android:contentDescription="@null"
android:layout_marginTop="52dp"
android:src="@drawable/ic_onboarding_use_case_icon" android:src="@drawable/ic_onboarding_use_case_icon"
app:layout_constraintBottom_toTopOf="@id/useCaseHeaderTitle" app:layout_constraintBottom_toTopOf="@id/useCaseHeaderTitle"
app:layout_constraintEnd_toEndOf="@id/useCaseGutterEnd" app:layout_constraintEnd_toEndOf="@id/useCaseGutterEnd"
@ -141,6 +148,7 @@
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="0dp" android:layout_height="0dp"
app:layout_constraintBottom_toTopOf="@id/useCaseFooter" app:layout_constraintBottom_toTopOf="@id/useCaseFooter"
app:layout_constraintHeight_min="16dp"
app:layout_constraintTop_toBottomOf="@id/useCaseSkip" /> app:layout_constraintTop_toBottomOf="@id/useCaseSkip" />
<TextView <TextView
@ -166,4 +174,8 @@
app:layout_constraintStart_toStartOf="@id/useCaseGutterStart" app:layout_constraintStart_toStartOf="@id/useCaseGutterStart"
app:layout_constraintTop_toBottomOf="@id/useCaseFooter" /> app:layout_constraintTop_toBottomOf="@id/useCaseFooter" />
</androidx.constraintlayout.widget.ConstraintLayout> </androidx.constraintlayout.widget.ConstraintLayout>
</androidx.core.widget.NestedScrollView>