For #9496: Vertically align collection name and icons to collection icon
parent
e820a35f56
commit
ab78951146
|
@ -6,7 +6,6 @@ package org.mozilla.fenix.home.sessioncontrol.viewholders
|
||||||
|
|
||||||
import android.content.Context
|
import android.content.Context
|
||||||
import android.view.View
|
import android.view.View
|
||||||
import android.view.ViewGroup
|
|
||||||
import androidx.core.graphics.BlendModeColorFilterCompat.createBlendModeColorFilterCompat
|
import androidx.core.graphics.BlendModeColorFilterCompat.createBlendModeColorFilterCompat
|
||||||
import androidx.core.graphics.BlendModeCompat.SRC_IN
|
import androidx.core.graphics.BlendModeCompat.SRC_IN
|
||||||
import androidx.recyclerview.widget.RecyclerView
|
import androidx.recyclerview.widget.RecyclerView
|
||||||
|
@ -76,16 +75,12 @@ class CollectionViewHolder(
|
||||||
|
|
||||||
private fun updateCollectionUI() {
|
private fun updateCollectionUI() {
|
||||||
view.collection_title.text = collection.title
|
view.collection_title.text = collection.title
|
||||||
val layoutParams = view.layoutParams as ViewGroup.MarginLayoutParams
|
|
||||||
|
|
||||||
view.isActivated = expanded
|
view.isActivated = expanded
|
||||||
if (expanded) {
|
if (expanded) {
|
||||||
layoutParams.bottomMargin = 0
|
|
||||||
collection_title.setPadding(0, 0, 0, EXPANDED_PADDING)
|
|
||||||
view.collection_share_button.visibility = View.VISIBLE
|
view.collection_share_button.visibility = View.VISIBLE
|
||||||
view.collection_overflow_button.visibility = View.VISIBLE
|
view.collection_overflow_button.visibility = View.VISIBLE
|
||||||
} else {
|
} else {
|
||||||
layoutParams.bottomMargin = COLLAPSED_MARGIN
|
|
||||||
view.collection_share_button.visibility = View.GONE
|
view.collection_share_button.visibility = View.GONE
|
||||||
view.collection_overflow_button.visibility = View.GONE
|
view.collection_overflow_button.visibility = View.GONE
|
||||||
}
|
}
|
||||||
|
@ -98,8 +93,6 @@ class CollectionViewHolder(
|
||||||
|
|
||||||
companion object {
|
companion object {
|
||||||
const val buttonIncreaseDps = 16
|
const val buttonIncreaseDps = 16
|
||||||
const val EXPANDED_PADDING = 60
|
|
||||||
const val COLLAPSED_MARGIN = 12
|
|
||||||
const val LAYOUT_ID = R.layout.collection_home_list_row
|
const val LAYOUT_ID = R.layout.collection_home_list_row
|
||||||
const val maxTitleLength = 20
|
const val maxTitleLength = 20
|
||||||
}
|
}
|
||||||
|
|
|
@ -20,20 +20,18 @@
|
||||||
android:layout_width="wrap_content"
|
android:layout_width="wrap_content"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:layout_marginStart="16dp"
|
android:layout_marginStart="16dp"
|
||||||
android:layout_marginTop="12dp"
|
|
||||||
android:importantForAccessibility="no"
|
android:importantForAccessibility="no"
|
||||||
android:tint="@null"
|
app:layout_constraintBottom_toBottomOf="parent"
|
||||||
app:layout_constraintStart_toStartOf="parent"
|
app:layout_constraintStart_toStartOf="parent"
|
||||||
app:layout_constraintTop_toTopOf="parent"
|
app:layout_constraintTop_toTopOf="parent"
|
||||||
app:srcCompat="@drawable/ic_tab_collection" />
|
app:srcCompat="@drawable/ic_tab_collection"
|
||||||
|
app:tint="@null" />
|
||||||
|
|
||||||
<TextView
|
<TextView
|
||||||
android:id="@+id/collection_title"
|
android:id="@+id/collection_title"
|
||||||
android:layout_width="wrap_content"
|
android:layout_width="wrap_content"
|
||||||
android:layout_height="wrap_content"
|
android:layout_height="wrap_content"
|
||||||
android:layout_marginStart="24dp"
|
android:layout_marginStart="24dp"
|
||||||
android:layout_marginTop="16dp"
|
|
||||||
android:layout_marginBottom="16dp"
|
|
||||||
android:layout_marginEnd="8dp"
|
android:layout_marginEnd="8dp"
|
||||||
android:ellipsize="end"
|
android:ellipsize="end"
|
||||||
android:gravity="start"
|
android:gravity="start"
|
||||||
|
@ -41,24 +39,24 @@
|
||||||
android:minLines="1"
|
android:minLines="1"
|
||||||
android:textAppearance="@style/Header14TextStyle"
|
android:textAppearance="@style/Header14TextStyle"
|
||||||
app:layout_constrainedWidth="true"
|
app:layout_constrainedWidth="true"
|
||||||
|
app:layout_constraintBottom_toBottomOf="@id/collection_icon"
|
||||||
app:layout_constraintEnd_toStartOf="@id/chevron"
|
app:layout_constraintEnd_toStartOf="@id/chevron"
|
||||||
app:layout_constraintHorizontal_bias="0.0"
|
app:layout_constraintHorizontal_bias="0.0"
|
||||||
app:layout_constraintHorizontal_chainStyle="packed"
|
app:layout_constraintHorizontal_chainStyle="packed"
|
||||||
app:layout_constraintStart_toEndOf="@+id/collection_icon"
|
app:layout_constraintStart_toEndOf="@+id/collection_icon"
|
||||||
app:layout_constraintTop_toTopOf="parent"
|
app:layout_constraintTop_toTopOf="@id/collection_icon"
|
||||||
tools:text="@tools:sample/lorem/random" />
|
tools:text="@tools:sample/lorem/random" />
|
||||||
|
|
||||||
<ImageView
|
<ImageView
|
||||||
android:id="@+id/chevron"
|
android:id="@+id/chevron"
|
||||||
android:layout_width="10dp"
|
android:layout_width="10dp"
|
||||||
android:layout_height="6dp"
|
android:layout_height="6dp"
|
||||||
android:layout_marginTop="24dp"
|
|
||||||
android:layout_marginEnd="16dp"
|
android:layout_marginEnd="16dp"
|
||||||
android:background="@drawable/ic_chevron"
|
android:background="@drawable/ic_chevron"
|
||||||
android:contentDescription="@string/tab_menu"
|
android:contentDescription="@string/tab_menu"
|
||||||
|
app:layout_constraintBottom_toBottomOf="@id/collection_icon"
|
||||||
app:layout_constraintEnd_toStartOf="@+id/collection_share_button"
|
app:layout_constraintEnd_toStartOf="@+id/collection_share_button"
|
||||||
app:layout_constraintStart_toEndOf="@+id/collection_title"
|
app:layout_constraintStart_toEndOf="@+id/collection_title"
|
||||||
app:layout_constraintTop_toTopOf="parent" />
|
app:layout_constraintTop_toTopOf="@id/collection_icon" />
|
||||||
|
|
||||||
<ImageButton
|
<ImageButton
|
||||||
android:id="@+id/collection_share_button"
|
android:id="@+id/collection_share_button"
|
||||||
|
|
Loading…
Reference in New Issue