Drawer - fixes
Container - rework
This commit is contained in:
parent
7c8ca6fc47
commit
8d5445a509
@ -2,6 +2,6 @@
|
||||
|
||||
@inherits UIComponent
|
||||
|
||||
<div @attributes="CustomAttributes" class="@Classname">
|
||||
<div @attributes="CustomAttributes" class="@CompiledClassList.Build()" style="@CompiledStyleList.Build()">
|
||||
@ChildContent
|
||||
</div>
|
@ -1,36 +1,54 @@
|
||||
using Connected.Annotations;
|
||||
using Connected.Extensions;
|
||||
using Connected.Utilities;
|
||||
using Connected.Utilities;
|
||||
using Microsoft.AspNetCore.Components;
|
||||
|
||||
namespace Connected.Components;
|
||||
public partial class Container : UIComponent
|
||||
{
|
||||
protected string Classname =>
|
||||
new CssBuilder("container")
|
||||
.AddClass($"container-fixed", Fixed)
|
||||
.AddClass($"container-maxwidth-{MaxWidth.ToDescription()}", !Fixed)
|
||||
.AddClass(AdditionalClassList)
|
||||
.Build();
|
||||
|
||||
/// <summary>
|
||||
/// Set the max-width to match the min-width of the current breakpoint. This is useful if you'd prefer to design for a fixed set of sizes instead of trying to accommodate a fully fluid viewport. It's fluid by default.
|
||||
/// </summary>
|
||||
[Parameter]
|
||||
[Category(CategoryTypes.Container.Behavior)]
|
||||
public bool Fixed { get; set; } = false;
|
||||
#region Event callbacks
|
||||
#endregion
|
||||
|
||||
/// <summary>
|
||||
/// Determine the max-width of the container. The container width grows with the size of the screen. Set to false to disable maxWidth.
|
||||
/// </summary>
|
||||
[Parameter]
|
||||
[Category(CategoryTypes.Container.Behavior)]
|
||||
public MaxWidth MaxWidth { get; set; } = MaxWidth.Large;
|
||||
#region Content placeholders
|
||||
|
||||
/// <summary>
|
||||
/// Child content of component.
|
||||
/// </summary>
|
||||
[Parameter]
|
||||
[Category(CategoryTypes.Container.Behavior)]
|
||||
public RenderFragment ChildContent { get; set; }
|
||||
|
||||
#endregion
|
||||
|
||||
#region Styling properties
|
||||
private CssBuilder CompiledClassList
|
||||
{
|
||||
get
|
||||
{
|
||||
return new CssBuilder("container")
|
||||
.AddClass(ClassList);
|
||||
}
|
||||
}
|
||||
|
||||
protected StyleBuilder CompiledStyleList
|
||||
{
|
||||
get
|
||||
{
|
||||
return new StyleBuilder()
|
||||
.AddStyle(StyleList);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// A space separated list of class names, added on top of the default class list.
|
||||
/// </summary>
|
||||
[Parameter]
|
||||
public string? ClassList { get; set; }
|
||||
|
||||
/// <summary>
|
||||
/// A space separated list of class names, added on top of the default class list.
|
||||
/// </summary>
|
||||
[Parameter]
|
||||
public string? StyleList { get; set; }
|
||||
|
||||
#endregion
|
||||
}
|
||||
|
@ -1,7 +1,6 @@
|
||||
@namespace Connected.Components
|
||||
@inherits UIComponent
|
||||
|
||||
<p>@_screenBreakpoint.ToString()</p>
|
||||
@if (_screenBreakpoint.ToString().ToLower() != "xs")
|
||||
{
|
||||
<aside @onmouseenter="OnMouseEnter" @onmouseleave="OnMouseLeave" @attributes="CustomAttributes" class="@CompiledClassList.Build()" style="@CompiledStyleList.Build()">
|
||||
|
@ -255,7 +255,7 @@ public partial class Drawer : UIComponent, IDisposable, INavigationEventReceiver
|
||||
{
|
||||
get
|
||||
{
|
||||
return new CssBuilder("drawer-overlay mud-overlay-drawer")
|
||||
return new CssBuilder("drawer-overlay")
|
||||
.AddClass($"drawer-pos-{GetPosition()}")
|
||||
.AddClass($"drawer-overlay--open", Open)
|
||||
.AddClass($"drawer-overlay-{Variant.ToDescription()}")
|
||||
|
Loading…
x
Reference in New Issue
Block a user