BUG: MVC UI top menu bug with 9.0 version #8380

abpVAndy2 created 4 months ago

ABP Framework version: v9
UI Type: MVC
Database System: EF Core SQL Server
Tiered (for MVC) or Auth Server Separated (for Angular): yes
Exception message and full stack trace:
Steps to reproduce the issue:

abpVAndy2 created 4 months ago

Chat Icon CSS has some issue.

Anjali_Musmade created 4 months ago

Support Team Member

Hello ,

Thanx for reporting this issue , we will fix this issue ASAP.
But for now this is quick workaround.
Eg:-

You can add this below code in global-styles.css file.

i.lpx-icon.fas.fa-comments{ padding-top:21px; }

Thank you.

liangshiwei created 4 months ago

Support Team Fullstack Developer

Hi,

we will fix the problem in the next patch version.

you can try override the page

Pages/Chat/Components/MessagesToolbarItem/Default.cshtml

@using Microsoft.AspNetCore.Mvc.Localization
@using Volo.Chat.Localization

@inject IHtmlLocalizer<ChatResource> L

<a href="/Chat" class="lpx-menu-item-link nav-link lpx-menu-item-link nav-link b-tooltip b-tooltip-left w-100 b-tooltip-inline d-flex align-items-center justify-content-center" type="button" data-bs-toggle="tooltip" data-bs-placement="left" aria-label="@L["Menu:Chat"].Value" data-bs-original-title="@L["Menu:Chat"].Value">
    <span class="lpx-menu-item-icon">
        <i class="lpx-icon fas fa-comments" aria-hidden="true"></i>
    </span>
</a>