Updated the width of bottom navigation

This commit is contained in:
Viktor De Pasquale 2020-03-17 16:15:30 +01:00 committed by John Wu
parent edff094626
commit 922e36cfb0
3 changed files with 17 additions and 3 deletions

View File

@ -131,5 +131,5 @@ dependencies {
implementation 'androidx.transition:transition:1.3.1'
implementation 'androidx.multidex:multidex:2.0.1'
implementation 'androidx.core:core-ktx:1.2.0'
implementation 'com.google.android.material:material:1.2.0-alpha03'
implementation 'com.google.android.material:material:1.2.0-alpha05'
}

View File

@ -14,7 +14,6 @@
<androidx.coordinatorlayout.widget.CoordinatorLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="?colorSurface"
android:orientation="vertical"
android:paddingLeft="@{viewModel.insets.left}"
android:paddingRight="@{viewModel.insets.right}"
@ -43,10 +42,21 @@
</com.google.android.material.appbar.AppBarLayout>
<!--
todo(diareuse) this stupid-ass bottom menu doesn't fit with the fab-s, so either of those
things need to be removed, probably the fab-s.
Using the BottomAppBar is not viable as it looks terrible with the blank space in the
middle and / or with the "animation" which BottomNavigationView performs when it's
reinflating its menu items. This bullshit cockblocks the entire feature. Terrific.
Possibility is then to keep the middle fab and assign it some other functionality on all
screens. Which -ha-ha- good luck finding something on superuser and homepage...
-->
<com.google.android.material.card.MaterialCardView
android:id="@+id/main_bottom_bar"
style="@style/WidgetFoundation.Card.Elevated"
android:layout_width="192dp"
android:layout_width="224dp"
android:layout_height="wrap_content"
android:layout_gravity="bottom|center_horizontal"
android:layout_marginStart="@dimen/l1"
@ -65,8 +75,11 @@
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:color/transparent"
android:textStyle="bold"
app:elevation="0dp"
app:itemHorizontalTranslationEnabled="false"
app:itemIconTint="@color/color_menu_tint"
app:itemRippleColor="?colorPrimary"
app:itemTextAppearanceActive="@style/AppearanceFoundation.Tiny.Bold"
app:itemTextAppearanceInactive="@style/AppearanceFoundation.Tiny.Bold"
app:itemTextColor="@color/color_menu_tint"

View File

@ -103,6 +103,7 @@
<style name="AppearanceFoundation.Tiny.Bold">
<item name="android:textStyle">bold</item>
<item name="android:fontFamily">@font/exo_bold</item>
</style>
<style name="AppearanceFoundation.Tiny.Variant">