ant-design-blazor/site/AntDesign.Docs/Shared/HeaderMenu.razor
James Yeung d2e9c4b247 feat(module: config-provider): support RTL (#1238)
* feat(module: config-provider): support RTL

* add rtl for each component

* fix rtl for pagination

* add rtl for overlay
2021-03-31 19:23:26 +08:00

66 lines
2.5 KiB
C#

<div id="search-box" class="">
<Icon Type="search" />
<span class="algolia-autocomplete" style="position: relative; display: inline-block; direction: ltr;">
<input placeholder="@(LanguageService.Resources["app.header.search"])" type="text" class="ant-input ds-input" value="" autocomplete="off" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-label="search input" aria-owns="algolia-autocomplete-listbox-0" dir="auto" style="max-width: 210px;
min-width: 210px;
position: relative;
vertical-align: top;
">
</span>
</div>
<Menu Mode="@(IsMobile?MenuMode.Inline: MenuMode.Horizontal)" Id="nav" Class="menu-site">
@foreach (var item in _menuItems.OrderBy(x => x.Order))
{
<MenuItem Class="ant-menu-item-only-child" Key="@item.Url" RouterLink="@($"{CurrentLanguage}/{item.Url}")" RouterMatch="NavLinkMatch.Prefix">
<span>@item.Title</span>
</MenuItem>
}
@if (IsMobile)
{
<MenuItem><a href="https://github.com/ant-design-blazor/ant-design-blazor">Github</a></MenuItem>
@if (CurrentLanguage != "en-US")
{
<MenuItem Class="header-button header-lang-button" OnClick="@(_ => ChangeLanguage("en-US"))">English</MenuItem>
}
else
{
<MenuItem Class="header-button header-lang-button" OnClick="@(_ => ChangeLanguage("zh-CN"))"></MenuItem>
}
@if (Direction?.ToUpperInvariant() != "RTL")
{
<MenuItem Class="header-button" OnClick="@(()=>ConfigProvider?.ChangeDirection("rtl"))">RTL</MenuItem>
}
else
{
<MenuItem Class="header-button" OnClick="@(()=>ConfigProvider?.ChangeDirection("ltr"))">LTR</MenuItem>
}
}
</Menu>
@if (!IsMobile)
{
<Button Class="header-button" Size="small">{version}</Button>
@if (CurrentLanguage != "en-US")
{
<Button Class="header-button header-lang-button" Size="small" OnClick="@(_ => ChangeLanguage("en-US"))">English</Button>
}
else
{
<Button Class="header-button header-lang-button" Size="small" OnClick="@(_ => ChangeLanguage("zh-CN"))"></Button>
}
@if (Direction?.ToUpperInvariant() != "RTL")
{
<Button Class="header-button" Size="small" OnClick="@(()=>ConfigProvider?.ChangeDirection("rtl"))">RTL</Button>
}
else
{
<Button Class="header-button" Size="small" OnClick="@(()=>ConfigProvider?.ChangeDirection("ltr"))">LTR</Button>
}
<GithubButton />
}