Restore logo on login screens

This reverts commit 4cc3e87d64.

vector/src/main/java/im/vector/app/features/login/LoginActivity.kt

@@ -19,10 +19,12 @@ package im.vector.app.features.login
 import android.content.Context
 import android.content.Intent
 import android.view.View
+import android.view.ViewGroup
 import androidx.annotation.CallSuper
 import androidx.appcompat.app.AlertDialog
 import androidx.appcompat.widget.Toolbar
 import androidx.core.view.ViewCompat
+import androidx.core.view.children
 import androidx.core.view.isVisible
 import androidx.fragment.app.Fragment
 import androidx.fragment.app.FragmentManager
@@ -72,6 +74,13 @@ open class LoginActivity : VectorBaseActivity(), ToolbarConfigurable, UnlockedAc
         get() = supportFragmentManager.findFragmentById(R.id.loginFragmentContainer)
 
     private val commonOption: (FragmentTransaction) -> Unit = { ft ->
+        // Find the loginLogo on the current Fragment, this should not return null
+        (topFragment?.view as? ViewGroup)
+                // Find findViewById does not work, I do not know why
+                // findViewById<View?>(R.id.loginLogo)
+                ?.children
+                ?.firstOrNull { it.id == R.id.loginLogo }
+                ?.let { ft.addSharedElement(it, ViewCompat.getTransitionName(it) ?: "") }
         ft.setCustomAnimations(enterAnim, exitAnim, popEnterAnim, popExitAnim)
     }
 
@@ -136,6 +145,7 @@ open class LoginActivity : VectorBaseActivity(), ToolbarConfigurable, UnlockedAc
                 addFragmentToBackstack(R.id.loginFragmentContainer,
                         LoginServerSelectionFragment::class.java,
                         option = { ft ->
+                            findViewById<View?>(R.id.loginSplashLogo)?.let { ft.addSharedElement(it, ViewCompat.getTransitionName(it) ?: "") }
                             findViewById<View?>(R.id.loginSplashTitle)?.let { ft.addSharedElement(it, ViewCompat.getTransitionName(it) ?: "") }
                             findViewById<View?>(R.id.loginSplashSubmit)?.let { ft.addSharedElement(it, ViewCompat.getTransitionName(it) ?: "") }
                             // TODO Disabled because it provokes a flickering

vector/src/main/java/im/vector/app/features/signout/soft/SoftLogoutController.kt

@@ -28,6 +28,7 @@ import im.vector.app.core.resources.StringProvider
 import im.vector.app.features.login.LoginMode
 import im.vector.app.features.signout.soft.epoxy.loginCenterButtonItem
 import im.vector.app.features.signout.soft.epoxy.loginErrorWithRetryItem
+import im.vector.app.features.signout.soft.epoxy.loginHeaderItem
 import im.vector.app.features.signout.soft.epoxy.loginPasswordFormItem
 import im.vector.app.features.signout.soft.epoxy.loginRedButtonItem
 import im.vector.app.features.signout.soft.epoxy.loginTextItem
@@ -64,6 +65,9 @@ class SoftLogoutController @Inject constructor(
     }
 
     private fun buildHeader(state: SoftLogoutViewState) {
+        loginHeaderItem {
+            id("header")
+        }
         loginTitleItem {
             id("title")
             text(stringProvider.getString(R.string.soft_logout_title))

vector/src/main/java/im/vector/app/features/signout/soft/epoxy/LoginHeaderItem.kt

@@ -0,0 +1,27 @@
+/*
+ * Copyright (c) 2020 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.
+ */
+
+package im.vector.app.features.signout.soft.epoxy
+
+import com.airbnb.epoxy.EpoxyModelClass
+import im.vector.app.R
+import im.vector.app.core.epoxy.VectorEpoxyHolder
+import im.vector.app.core.epoxy.VectorEpoxyModel
+
+@EpoxyModelClass(layout = R.layout.item_login_header)
+abstract class LoginHeaderItem : VectorEpoxyModel<LoginHeaderItem.Holder>() {
+    class Holder : VectorEpoxyHolder()
+}

vector/src/main/res/drawable/element_logotype.xml

@@ -0,0 +1,27 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="155dp"
+    android:height="33dp"
+    android:viewportWidth="155"
+    android:viewportHeight="33">
+  <path
+      android:pathData="M21.533,22.855H4.969C5.165,24.595 5.794,25.985 6.856,27.023C7.918,28.034 9.316,28.539 11.05,28.539C12.196,28.539 13.23,28.258 14.153,27.697C15.075,27.135 15.732,26.378 16.124,25.423H21.156C20.485,27.641 19.227,29.437 17.382,30.812C15.564,32.16 13.412,32.833 10.924,32.833C7.681,32.833 5.053,31.753 3.04,29.591C1.055,27.43 0.063,24.694 0.063,21.381C0.063,18.153 1.069,15.445 3.082,13.255C5.095,11.066 7.695,9.972 10.882,9.972C14.069,9.972 16.641,11.052 18.598,13.213C20.583,15.347 21.575,18.041 21.575,21.297L21.533,22.855ZM10.882,14.056C9.316,14.056 8.016,14.519 6.982,15.445C5.947,16.371 5.304,17.606 5.053,19.15H16.627C16.403,17.606 15.788,16.371 14.782,15.445C13.775,14.519 12.475,14.056 10.882,14.056Z"
+      android:fillColor="#ffffff"/>
+  <path
+      android:pathData="M25.009,25.802V0.751H30V25.886C30,27.009 30.615,27.57 31.845,27.57L32.725,27.528V32.286C32.25,32.37 31.747,32.412 31.216,32.412C29.063,32.412 27.483,31.865 26.477,30.77C25.499,29.676 25.009,28.02 25.009,25.802Z"
+      android:fillColor="#ffffff"/>
+  <path
+      android:pathData="M55.966,22.855H39.401C39.597,24.595 40.226,25.985 41.289,27.023C42.351,28.034 43.749,28.539 45.482,28.539C46.628,28.539 47.663,28.258 48.585,27.697C49.508,27.135 50.165,26.378 50.556,25.423H55.588C54.917,27.641 53.659,29.437 51.814,30.812C49.997,32.16 47.844,32.833 45.356,32.833C42.113,32.833 39.485,31.753 37.472,29.591C35.487,27.43 34.495,24.694 34.495,21.381C34.495,18.153 35.501,15.445 37.514,13.255C39.527,11.066 42.127,9.972 45.314,9.972C48.501,9.972 51.073,11.052 53.03,13.213C55.015,15.347 56.008,18.041 56.008,21.297L55.966,22.855ZM45.314,14.056C43.749,14.056 42.449,14.519 41.414,15.445C40.38,16.371 39.737,17.606 39.485,19.15H51.059C50.836,17.606 50.221,16.371 49.214,15.445C48.208,14.519 46.908,14.056 45.314,14.056Z"
+      android:fillColor="#ffffff"/>
+  <path
+      android:pathData="M78.48,19.781V32.328H73.49V19.234C73.49,15.922 72.12,14.266 69.38,14.266C67.899,14.266 66.711,14.743 65.816,15.698C64.949,16.652 64.516,17.957 64.516,19.613V32.328H59.526V10.477H64.138V13.382C64.67,12.399 65.48,11.585 66.571,10.94C67.661,10.294 69.017,9.972 70.638,9.972C73.658,9.972 75.838,11.122 77.18,13.424C79.025,11.122 81.486,9.972 84.561,9.972C87.105,9.972 89.062,10.771 90.432,12.371C91.802,13.943 92.487,16.02 92.487,18.603V32.328H87.496V19.234C87.496,15.922 86.126,14.266 83.387,14.266C81.877,14.266 80.675,14.757 79.78,15.74C78.914,16.694 78.48,18.041 78.48,19.781Z"
+      android:fillColor="#ffffff"/>
+  <path
+      android:pathData="M117.304,22.855H100.739C100.935,24.595 101.564,25.985 102.627,27.023C103.689,28.034 105.087,28.539 106.82,28.539C107.966,28.539 109.001,28.258 109.923,27.697C110.846,27.135 111.503,26.378 111.894,25.423H116.926C116.255,27.641 114.997,29.437 113.152,30.812C111.335,32.16 109.182,32.833 106.694,32.833C103.451,32.833 100.823,31.753 98.811,29.591C96.826,27.43 95.833,24.694 95.833,21.381C95.833,18.153 96.84,15.445 98.852,13.255C100.865,11.066 103.465,9.972 106.652,9.972C109.839,9.972 112.411,11.052 114.368,13.213C116.353,15.347 117.346,18.041 117.346,21.297L117.304,22.855ZM106.652,14.056C105.087,14.056 103.787,14.519 102.752,15.445C101.718,16.371 101.075,17.606 100.823,19.15H112.397C112.174,17.606 111.559,16.371 110.552,15.445C109.546,14.519 108.246,14.056 106.652,14.056Z"
+      android:fillColor="#ffffff"/>
+  <path
+      android:pathData="M125.477,10.477V13.382C125.98,12.427 126.804,11.628 127.951,10.982C129.125,10.308 130.537,9.972 132.186,9.972C134.758,9.972 136.743,10.757 138.141,12.329C139.567,13.901 140.28,15.992 140.28,18.603V32.328H135.289V19.234C135.289,17.69 134.926,16.483 134.199,15.613C133.5,14.715 132.424,14.266 130.97,14.266C129.376,14.266 128.118,14.743 127.196,15.698C126.301,16.652 125.854,17.971 125.854,19.655V32.328H120.864V10.477H125.477Z"
+      android:fillColor="#ffffff"/>
+  <path
+      android:pathData="M154.854,27.865V32.202C154.239,32.37 153.372,32.454 152.254,32.454C148.004,32.454 145.88,30.307 145.88,26.013V14.476H142.567V10.477H145.88V4.793H150.87V10.477H154.938V14.476H150.87V25.507C150.87,27.22 151.681,28.076 153.302,28.076L154.854,27.865Z"
+      android:fillColor="#ffffff"/>
+</vector>

vector/src/main/res/drawable/element_logotype_combined.xml

@@ -1,43 +0,0 @@
-<vector xmlns:android="http://schemas.android.com/apk/res/android"
-    android:width="369dp"
-    android:height="211dp"
-    android:viewportWidth="369"
-    android:viewportHeight="211">
-  <path
-      android:pathData="M51.155,186.5H11.69C12.156,190.633 13.655,193.933 16.186,196.4C18.717,198.8 22.047,200 26.177,200C28.908,200 31.373,199.333 33.571,198C35.769,196.667 37.334,194.867 38.267,192.6H50.256C48.658,197.867 45.66,202.133 41.264,205.4C36.934,208.6 31.806,210.2 25.877,210.2C18.151,210.2 11.89,207.633 7.094,202.5C2.365,197.367 0,190.867 0,183C0,175.333 2.398,168.9 7.194,163.7C11.99,158.5 18.184,155.9 25.778,155.9C33.371,155.9 39.499,158.467 44.161,163.6C48.891,168.667 51.255,175.067 51.255,182.8L51.155,186.5ZM25.778,165.6C22.047,165.6 18.95,166.7 16.486,168.9C14.021,171.1 12.489,174.033 11.89,177.7H39.466C38.933,174.033 37.467,171.1 35.069,168.9C32.672,166.7 29.574,165.6 25.778,165.6Z"
-      android:fillColor="#ffffff"/>
-  <path
-      android:pathData="M59.437,193.5V134H71.327V193.7C71.327,196.367 72.792,197.7 75.723,197.7L77.821,197.6V208.9C76.689,209.1 75.49,209.2 74.224,209.2C69.095,209.2 65.332,207.9 62.934,205.3C60.603,202.7 59.437,198.767 59.437,193.5Z"
-      android:fillColor="#ffffff"/>
-  <path
-      android:pathData="M133.193,186.5H93.728C94.194,190.633 95.693,193.933 98.224,196.4C100.755,198.8 104.085,200 108.215,200C110.946,200 113.41,199.333 115.609,198C117.807,196.667 119.372,194.867 120.304,192.6H132.294C130.695,197.867 127.698,202.133 123.302,205.4C118.972,208.6 113.843,210.2 107.915,210.2C100.189,210.2 93.927,207.633 89.132,202.5C84.402,197.367 82.038,190.867 82.038,183C82.038,175.333 84.436,168.9 89.231,163.7C94.027,158.5 100.222,155.9 107.815,155.9C115.409,155.9 121.537,158.467 126.199,163.6C130.928,168.667 133.293,175.067 133.293,182.8L133.193,186.5ZM107.815,165.6C104.085,165.6 100.988,166.7 98.523,168.9C96.059,171.1 94.527,174.033 93.927,177.7H121.503C120.971,174.033 119.505,171.1 117.107,168.9C114.709,166.7 111.612,165.6 107.815,165.6Z"
-      android:fillColor="#ffffff"/>
-  <path
-      android:pathData="M186.835,179.2V209H174.946V177.9C174.946,170.033 171.682,166.1 165.154,166.1C161.624,166.1 158.793,167.233 156.662,169.5C154.597,171.767 153.564,174.867 153.564,178.8V209H141.675V157.1H152.665V164C153.931,161.667 155.862,159.733 158.46,158.2C161.058,156.667 164.288,155.9 168.152,155.9C175.345,155.9 180.541,158.633 183.738,164.1C188.134,158.633 193.996,155.9 201.323,155.9C207.384,155.9 212.047,157.8 215.311,161.6C218.574,165.333 220.206,170.267 220.206,176.4V209H208.317V177.9C208.317,170.033 205.053,166.1 198.525,166.1C194.928,166.1 192.064,167.267 189.933,169.6C187.868,171.867 186.835,175.067 186.835,179.2Z"
-      android:fillColor="#ffffff"/>
-  <path
-      android:pathData="M279.335,186.5H239.87C240.336,190.633 241.835,193.933 244.366,196.4C246.897,198.8 250.227,200 254.357,200C257.088,200 259.552,199.333 261.751,198C263.949,196.667 265.514,194.867 266.447,192.6H278.436C276.837,197.867 273.84,202.133 269.444,205.4C265.114,208.6 259.985,210.2 254.057,210.2C246.331,210.2 240.069,207.633 235.274,202.5C230.544,197.367 228.18,190.867 228.18,183C228.18,175.333 230.578,168.9 235.374,163.7C240.169,158.5 246.364,155.9 253.957,155.9C261.551,155.9 267.679,158.467 272.341,163.6C277.071,168.667 279.435,175.067 279.435,182.8L279.335,186.5ZM253.957,165.6C250.227,165.6 247.13,166.7 244.665,168.9C242.201,171.1 240.669,174.033 240.069,177.7H267.645C267.113,174.033 265.647,171.1 263.249,168.9C260.851,166.7 257.754,165.6 253.957,165.6Z"
-      android:fillColor="#ffffff"/>
-  <path
-      android:pathData="M298.807,157.1V164C300.006,161.733 301.971,159.833 304.702,158.3C307.5,156.7 310.863,155.9 314.793,155.9C320.921,155.9 325.651,157.767 328.981,161.5C332.378,165.233 334.077,170.2 334.077,176.4V209H322.187V177.9C322.187,174.233 321.321,171.367 319.589,169.3C317.924,167.167 315.36,166.1 311.896,166.1C308.099,166.1 305.102,167.233 302.904,169.5C300.772,171.767 299.707,174.9 299.707,178.9V209H287.817V157.1H298.807Z"
-      android:fillColor="#ffffff"/>
-  <path
-      android:pathData="M368.8,198.4V208.7C367.335,209.1 365.27,209.3 362.606,209.3C352.481,209.3 347.419,204.2 347.419,194V166.6H339.526V157.1H347.419V143.6H359.308V157.1H369V166.6H359.308V192.8C359.308,196.867 361.24,198.9 365.103,198.9L368.8,198.4Z"
-      android:fillColor="#ffffff"/>
-  <path
-      android:pathData="M171,6C171,2.686 173.686,0 177,0C199.091,0 217,17.909 217,40C217,43.314 214.314,46 211,46C207.686,46 205,43.314 205,40C205,24.536 192.464,12 177,12C173.686,12 171,9.314 171,6Z"
-      android:fillColor="#ffffff"
-      android:fillType="evenOdd"/>
-  <path
-      android:pathData="M199,94C199,97.314 196.314,100 193,100C170.909,100 153,82.091 153,60C153,56.686 155.686,54 159,54C162.314,54 165,56.686 165,60C165,75.464 177.536,88 193,88C196.314,88 199,90.686 199,94Z"
-      android:fillColor="#ffffff"
-      android:fillType="evenOdd"/>
-  <path
-      android:pathData="M141,64C137.686,64 135,61.314 135,58C135,35.909 152.909,18 175,18C178.314,18 181,20.686 181,24C181,27.314 178.314,30 175,30C159.536,30 147,42.536 147,58C147,61.314 144.314,64 141,64Z"
-      android:fillColor="#ffffff"
-      android:fillType="evenOdd"/>
-  <path
-      android:pathData="M229,36C232.314,36 235,38.686 235,42C235,64.091 217.091,82 195,82C191.686,82 189,79.314 189,76C189,72.686 191.686,70 195,70C210.464,70 223,57.464 223,42C223,38.686 225.686,36 229,36Z"
-      android:fillColor="#ffffff"
-      android:fillType="evenOdd"/>
-</vector>

vector/src/main/res/layout/activity_signed_out.xml

@@ -6,6 +6,11 @@
     android:layout_height="match_parent"
     android:background="?riotx_background">
 
+    <!-- Missing attributes are in the style -->
+    <ImageView
+        style="@style/LoginLogo"
+        tools:ignore="ContentDescription,MissingConstraints" />
+
     <!-- Missing attributes are in the style -->
     <androidx.core.widget.NestedScrollView
         style="@style/LoginFormScrollView"

vector/src/main/res/layout/fragment_login.xml

@@ -7,6 +7,11 @@
     android:layout_height="match_parent"
     android:background="?riotx_background">
 
+    <!-- Missing attributes are in the style -->
+    <ImageView
+        style="@style/LoginLogo"
+        tools:ignore="ContentDescription,MissingConstraints" />
+
     <!-- Missing attributes are in the style -->
     <androidx.core.widget.NestedScrollView
         style="@style/LoginFormScrollView"

vector/src/main/res/layout/fragment_login_captcha.xml

@@ -6,6 +6,11 @@
     android:layout_height="match_parent"
     android:background="?riotx_background">
 
+    <!-- Missing attributes are in the style -->
+    <ImageView
+        style="@style/LoginLogo"
+        tools:ignore="ContentDescription,MissingConstraints" />
+
     <!-- Missing attributes are in the style -->
     <!-- No scroll view in the screen, but use the style -->
     <LinearLayout

vector/src/main/res/layout/fragment_login_generic_text_input_form.xml

@@ -7,6 +7,11 @@
     android:layout_height="match_parent"
     android:background="?riotx_background">
 
+    <!-- Missing attributes are in the style -->
+    <ImageView
+        style="@style/LoginLogo"
+        tools:ignore="ContentDescription,MissingConstraints" />
+
     <!-- Missing attributes are in the style -->
     <androidx.core.widget.NestedScrollView
         style="@style/LoginFormScrollView"

vector/src/main/res/layout/fragment_login_reset_password.xml

@@ -6,6 +6,11 @@
     android:layout_height="match_parent"
     android:background="?riotx_background">
 
+    <!-- Missing attributes are in the style -->
+    <ImageView
+        style="@style/LoginLogo"
+        tools:ignore="ContentDescription,MissingConstraints" />
+
     <!-- Missing attributes are in the style -->
     <androidx.core.widget.NestedScrollView
         style="@style/LoginFormScrollView"

vector/src/main/res/layout/fragment_login_reset_password_mail_confirmation.xml

@@ -5,6 +5,11 @@
     android:layout_height="match_parent"
     android:background="?riotx_background">
 
+    <!-- Missing attributes are in the style -->
+    <ImageView
+        style="@style/LoginLogo"
+        tools:ignore="ContentDescription,MissingConstraints" />
+
     <!-- Missing attributes are in the style -->
     <androidx.core.widget.NestedScrollView
         style="@style/LoginFormScrollView"

vector/src/main/res/layout/fragment_login_reset_password_success.xml

@@ -5,6 +5,11 @@
     android:layout_height="match_parent"
     android:background="?riotx_background">
 
+    <!-- Missing attributes are in the style -->
+    <ImageView
+        style="@style/LoginLogo"
+        tools:ignore="ContentDescription,MissingConstraints" />
+
     <!-- Missing attributes are in the style -->
     <androidx.core.widget.NestedScrollView
         style="@style/LoginFormScrollView"

vector/src/main/res/layout/fragment_login_server_selection.xml

@@ -6,6 +6,11 @@
     android:layout_height="match_parent"
     android:background="?riotx_background">
 
+    <!-- Missing attributes are in the style -->
+    <ImageView
+        style="@style/LoginLogo"
+        tools:ignore="ContentDescription,MissingConstraints,UnusedAttribute" />
+
     <!-- Missing attributes are in the style -->
     <androidx.core.widget.NestedScrollView
         style="@style/LoginFormScrollView"

vector/src/main/res/layout/fragment_login_server_url_form.xml

@@ -7,6 +7,11 @@
     android:layout_height="match_parent"
     android:background="?riotx_background">
 
+    <!-- Missing attributes are in the style -->
+    <ImageView
+        style="@style/LoginLogo"
+        tools:ignore="ContentDescription,MissingConstraints" />
+
     <!-- Missing attributes are in the style -->
     <androidx.core.widget.NestedScrollView
         style="@style/LoginFormScrollView"

vector/src/main/res/layout/fragment_login_signup_signin_selection.xml

@@ -6,6 +6,11 @@
     android:layout_height="match_parent"
     android:background="?riotx_background">
 
+    <!-- Missing attributes are in the style -->
+    <ImageView
+        style="@style/LoginLogo"
+        tools:ignore="ContentDescription,MissingConstraints" />
+
     <!-- Missing attributes are in the style -->
     <androidx.core.widget.NestedScrollView
         style="@style/LoginFormScrollView"

vector/src/main/res/layout/fragment_login_splash.xml

@@ -18,18 +18,29 @@
             android:layout_width="match_parent"
             android:layout_height="match_parent">
 
-
             <ImageView
-                android:id="@+id/logoType"
+                android:id="@+id/loginSplashLogo"
-                android:layout_width="wrap_content"
+                android:layout_width="64dp"
-                android:layout_height="102dp"
+                android:layout_height="64dp"
-                android:src="@drawable/element_logotype_combined"
+                android:src="@drawable/element_logo_green"
-                android:tint="?colorAccent"
+                android:transitionName="loginLogoTransition"
+                app:layout_constraintBottom_toTopOf="@+id/logoType"
                 app:layout_constraintEnd_toEndOf="parent"
                 app:layout_constraintStart_toStartOf="parent"
                 app:layout_constraintTop_toTopOf="parent"
                 app:layout_constraintVertical_chainStyle="packed" />
 
+            <ImageView
+                android:id="@+id/logoType"
+                android:layout_width="wrap_content"
+                android:layout_height="44dp"
+                android:layout_marginTop="8dp"
+                android:src="@drawable/element_logotype"
+                android:tint="?colorAccent"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@id/loginSplashLogo" />
+
             <TextView
                 android:id="@+id/loginSplashTitle"
                 android:layout_width="0dp"

vector/src/main/res/layout/fragment_login_terms.xml

@@ -6,6 +6,11 @@
     android:layout_height="match_parent"
     android:background="?riotx_background">
 
+    <!-- Missing attributes are in the style -->
+    <ImageView
+        style="@style/LoginLogo"
+        tools:ignore="ContentDescription,MissingConstraints" />
+
     <!-- Missing attributes are in the style -->
     <androidx.constraintlayout.widget.ConstraintLayout
         style="@style/LoginFormScrollView"

vector/src/main/res/layout/fragment_login_wait_for_email.xml

@@ -6,6 +6,11 @@
     android:layout_height="match_parent"
     android:background="?riotx_background">
 
+    <!-- Missing attributes are in the style -->
+    <ImageView
+        style="@style/LoginLogo"
+        tools:ignore="ContentDescription,MissingConstraints" />
+
     <!-- Missing attributes are in the style -->
     <androidx.core.widget.NestedScrollView
         style="@style/LoginFormScrollView"

vector/src/main/res/layout/item_login_header.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@id/loginLogo"
+    android:layout_width="match_parent"
+    android:layout_height="60dp"
+    android:layout_gravity="center_horizontal"
+    android:layout_marginTop="32dp"
+    android:importantForAccessibility="no"
+    android:src="@drawable/element_logo_green" />

vector/src/main/res/values-land/styles_login.xml

@@ -1,4 +1,19 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
 
+    <!-- We will improve this later
+    <style name="LoginLogo" parent="LoginLogoBase">
+        <item name="layout_constraintEnd_toStartOf">@id/loginFormContainer</item>
+        <item name="layout_constraintBottom_toBottomOf">parent</item>
+        <item name="android:layout_height">0dp</item>
+        <item name="layout_constraintHorizontal_chainStyle">packed</item>
+    </style>
+
+    <style name="LoginFormContainer" parent="LoginFormContainerBase">
+        <item name="layout_constraintWidth_percent">0.6</item>
+        <item name="layout_constraintStart_toEndOf">@id/loginLogo</item>
+        <item name="layout_constraintTop_toTopOf">parent</item>
+    </style>
+    -->
+
 </resources>

vector/src/main/res/values/styles_login.xml

@@ -8,9 +8,26 @@
         <item name="android:paddingEnd">36dp</item>
     </style>
 
+    <item name="loginLogo" type="id" />
     <item name="loginFormScrollView" type="id" />
     <item name="loginFormContainer" type="id" />
 
+    <style name="LoginLogoBase">
+        <item name="android:id">@id/loginLogo</item>
+        <item name="android:layout_width">60dp</item>
+        <item name="android:layout_height">60dp</item>
+        <item name="android:src">@drawable/element_logo_green</item>
+        <item name="android:transitionName">loginLogoTransition</item>
+        <item name="android:importantForAccessibility">no</item>
+        <item name="layout_constraintTop_toTopOf">parent</item>
+        <item name="layout_constraintStart_toStartOf">parent</item>
+    </style>
+
+    <style name="LoginLogo" parent="LoginLogoBase">
+        <item name="layout_constraintEnd_toEndOf">parent</item>
+        <item name="android:layout_marginTop">48dp</item>
+    </style>
+
     <style name="LoginFormContainer">
         <item name="android:id">@id/loginFormContainer</item>
         <item name="android:paddingStart">36dp</item>
@@ -31,10 +48,10 @@
     </style>
 
     <style name="LoginFormScrollView" parent="LoginFormScrollViewBase">
-        <item name="layout_constraintTop_toTopOf">parent</item>
+        <item name="layout_constraintTop_toBottomOf">@id/loginLogo</item>
         <item name="layout_constraintStart_toStartOf">parent</item>
         <item name="android:layout_height">0dp</item>
-        <item name="android:layout_marginTop">72dp</item>
+        <item name="android:layout_marginTop">24dp</item>
     </style>
 
     <style name="Style.Vector.Login.Button" parent="VectorButtonStyle">