MatBlazor - неправильное положение стрелки вниз в MatNavMenu

Question

Я использую MatBlazor для моего проекта Blazor Server Side. Я создал MatNavMenu, но в подменю расположение стрелки неверно.

Пожалуйста, посмотрите расположение стрелки, она немного внизу, не по центру , Вот код, который я использую

<MatNavMenu>
<MatNavSubMenu>
    <MatNavItem><MatIcon Icon="dashboard"></MatIcon>&nbsp; Dashboard</MatNavItem>
    <MatNavSubMenuHeader>
        <MatNavItem AllowSelection="false"><MatIcon Icon="location_city"></MatIcon>&nbsp; City Management</MatNavItem>
    </MatNavSubMenuHeader>
    <MatNavSubMenuList>
        <MatNavItem Href="#"><MatIcon Icon="list"></MatIcon>&nbsp; Cites</MatNavItem>
        <MatNavItem Href="/City/AddNew"><MatIcon Icon="add"></MatIcon>&nbsp; Add New</MatNavItem>
    </MatNavSubMenuList>
</MatNavSubMenu>
</MatNavMenu>

Любая помощь будет высоко оценена.

Спасибо

Answer 1

У меня только что была такая же проблема, и здесь происходит то, что стиль из другого пакета вмешивается в стиль matblazor

Как вы можете видеть в этом gif, проблема в том, что другая библиотека добавляет line-height к телу и сделав его go немного вниз.

Чтобы решить эту проблему, вы можете сбросить значение с помощью line-height: normal;