Fix shell omnibox drawer layout

This commit is contained in:
2026-03-21 14:25:56 +01:00
parent 4134d84b9d
commit 49e8528dc6
5 changed files with 40 additions and 5 deletions

View File

@@ -2,7 +2,7 @@
{
<button
type="button"
class="surface-drawer-backdrop"
class="@BuildBackdropCssClass()"
aria-label="@CloseLabel"
@onclick="HandleCloseAsync"></button>
@@ -61,6 +61,9 @@
[Parameter]
public string? CssClass { get; set; }
[Parameter]
public string? BackdropCssClass { get; set; }
private string BuildCssClass()
{
var classes = new List<string> { "surface-drawer", $"is-{Placement.Trim().ToLowerInvariant()}" };
@@ -72,6 +75,17 @@
return string.Join(' ', classes);
}
private string BuildBackdropCssClass()
{
var classes = new List<string> { "surface-drawer-backdrop" };
if (!string.IsNullOrWhiteSpace(BackdropCssClass))
{
classes.Add(BackdropCssClass);
}
return string.Join(' ', classes);
}
private Task HandleCloseAsync() =>
OnClose.InvokeAsync();
}