material-components-android icon indicating copy to clipboard operation
material-components-android copied to clipboard

[MaterialToolbar] Navigation icon is not centered vertically with top padding applied

Open ArturSechko opened this issue 8 months ago • 0 comments

Description: Navigation icon (maybe all icons) is not centered vertically with top padding applied

Expected behavior: Icons should be vertically centered

Android API version: Any version. Reproduced even in studio preview

Material Library version: Material Android Library version 1.12.0 (also tested on 1.13.0-alpha03)

Assume we have a simple layout

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/black"
    tools:theme="@style/Theme.Material3.Dark">

    <com.google.android.material.appbar.MaterialToolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:navigationIcon="@drawable/ic_close"
        app:title="History" />

</FrameLayout>

if we add android:paddingTop="10dp" to MaterialToolbar title will still be vertically centered with respect to new constraints, however navigation icon will be placed slightly lower than expected.

image image image

ArturSechko avatar Jun 27 '24 19:06 ArturSechko