Хобрук: Ваш путь к мастерству в программировании

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

Я использую MatBlazor для своего проекта на стороне сервера Blazor. Я создал 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>

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

Спасибо

blazor blazor-server-side matblazor
06.04.2020

Ответы:


1

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

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

введите здесь описание изображения

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

07.04.2020
  • В каком пакете была проблема. Я написал MatNavMenu для MatBlazor. Спасибо за понимание проблемы! 17.05.2020
    • Новые материалы
    То, как вы шаг за шагом написали эту статью, и уровни, которые вы в нее включили, так поразительно…
    то, как вы написали эту статью шаг за шагом, и уровни, которые вы в нее включили, так удивительно объяснены, а также то, как вы объясняете каждый пункт, действительно хорошо, и вы поддерживаете..
    Еженедельный гидроксид № 01 — Введение
    Здравствуйте и добро пожаловать в первый выпуск Weekly Hydroxide , еженедельной серии статей о ядре Hydroxide. Мы будем писать о процессе написания ядра операционной системы на Rust, наших..
    Пять вещей, о которых вы должны ДЕЙСТВИТЕЛЬНО побеспокоиться в связи с ИИ
    Несмотря на то, что циркулирует много неточной информации об ИИ, важно исправить частые заблуждения. Многие могут быть обеспокоены тем, что их в конечном итоге заменят роботом, или..
    Тестирование ответов на вопросы на основе BERT по статьям о коронавирусе
    Введение В настоящее время большая часть мира затронута пандемией COVID-19 . Для многих из нас это означало домашний карантин, социальное дистанцирование, перебои в рабочей среде. Я..
    Библиотеки PyTorch и Python для машинного обучения: приложения в здравоохранении с обнимающим лицом…
    В сфере машинного обучения Python выделяется благодаря своей универсальности и набору предлагаемых библиотек. Развитие машинного обучения в здравоохранении можно частично объяснить простотой и..
    «Что за…» очень хорошо представляет мое выражение лица после того, как я увидел это!
    «Что за…» очень хорошо представляет мое выражение лица после того, как я увидел это!
    5 вещей, которые я сделал, чтобы стать профессиональным разработчиком JavaScript
    Чтобы стать профессиональным JS-разработчиком: 1. Практикуйтесь в рутине, 2. Работайте над проектами, 3. Придерживайтесь одного языка, 4. Наблюдайте за чужим кодом, 5. Будьте последовательны..