DrawerContainer - Clipping fix

features/nuget_autobuild
stm 2 years ago
parent b01b4e42df
commit 9f1214fd9f

@ -152,7 +152,7 @@ public partial class Drawer : UIComponent, IDisposable, INavigationEventReceiver
#region Styling properties #region Styling properties
//old //old
private CssBuilder CompiledClassList public CssBuilder CompiledClassList
{ {
get get
{ {

@ -24,10 +24,12 @@ public partial class DrawerContainer : UIComponent
private string GetDrawerClass(Drawer drawer) private string GetDrawerClass(Drawer drawer)
{ {
if (drawer == null) if (drawer == null)
return string.Empty; return string.Empty;
else return drawer.CompiledClassList.Build();
var className = $"drawer-{(drawer.Open ? "open" : "close")}-{drawer.Variant.ToDescription()}"; /*var className = $"drawer-{(drawer.Open ? "open" : "close")}-{drawer.Variant.ToDescription()}";
if (drawer.Variant is DrawerVariant.Responsive or DrawerVariant.Mini) if (drawer.Variant is DrawerVariant.Responsive or DrawerVariant.Mini)
{ {
className += $"-{drawer.Breakpoint.ToDescription()}"; className += $"-{drawer.Breakpoint.ToDescription()}";
@ -36,7 +38,7 @@ public partial class DrawerContainer : UIComponent
className += $"drawer-{drawer.GetPosition()}-clipped-{drawer.ClipMode.ToDescription()}"; className += $"drawer-{drawer.GetPosition()}-clipped-{drawer.ClipMode.ToDescription()}";
return className; return className;*/
} }
private Drawer FindLeftDrawer() private Drawer FindLeftDrawer()

@ -1,4 +1,4 @@
@namespace Connected.Components @namespace Connected.Components
@inherits UIComponent @inherits UIComponent
<img @attributes="CustomAttributes" src="@Src" alt="@Alt" class="@Classname" width="@Width" height="@Height"> <img @attributes="CustomAttributes" src="@Src" alt="@Alt" class="@CompiledClassList.Build()" width="@Width" height="@Height">

@ -11,68 +11,71 @@ namespace Connected.Components;
public partial class Image : UIComponent public partial class Image : UIComponent
{ {
protected string Classname =>
new CssBuilder("image") private CssBuilder CompiledClassList
.AddClass("fluid", Fluid) {
.AddClass($"object-{ObjectFit.ToDescription()}") get
.AddClass($"object-{ObjectPosition.ToDescription()}") {
.AddClass($"elevation-{Elevation}", Elevation > 0) return new CssBuilder("image")
.AddClass(AdditionalClassList) .AddClass("fluid", Fluid)
.Build(); .AddClass($"object-{ObjectFit.ToDescription()}")
.AddClass($"object-{ObjectPosition.ToDescription()}")
.AddClass($"elevation-{Elevation}", Elevation > 0)
.AddClass(ClassList);
}
}
/// <summary> /// <summary>
/// Applies the fluid class so the image scales with the parent width. /// Applies the fluid class so the image scales with the parent width.
/// </summary> /// </summary>
[Parameter] [Parameter]
[Category(CategoryTypes.Image.Behavior)]
public bool Fluid { get; set; } public bool Fluid { get; set; }
/// <summary> /// <summary>
/// Specifies the path to the image. /// Specifies the path to the image.
/// </summary> /// </summary>
[Parameter] [Parameter]
[Category(CategoryTypes.Image.Behavior)]
public string Src { get; set; } public string Src { get; set; }
/// <summary> /// <summary>
/// Specifies an alternate text for the image. /// Specifies an alternate text for the image.
/// </summary> /// </summary>
[Parameter] [Parameter]
[Category(CategoryTypes.Image.Behavior)]
public string Alt { get; set; } public string Alt { get; set; }
/// <summary> /// <summary>
/// Specifies the height of the image in px. /// Specifies the height of the image in px.
/// </summary> /// </summary>
[Parameter] [Parameter]
[Category(CategoryTypes.Image.Appearance)]
public int? Height { get; set; } public int? Height { get; set; }
/// <summary> /// <summary>
/// Specifies the width of the image in px. /// Specifies the width of the image in px.
/// </summary> /// </summary>
[Parameter] [Parameter]
[Category(CategoryTypes.Image.Appearance)]
public int? Width { get; set; } public int? Width { get; set; }
/// <summary> /// <summary>
/// The higher the number, the heavier the drop-shadow. /// The higher the number, the heavier the drop-shadow.
/// </summary> /// </summary>
[Parameter] [Parameter]
[Category(CategoryTypes.Image.Appearance)]
public int Elevation { set; get; } public int Elevation { set; get; }
/// <summary> /// <summary>
/// Controls how the image should be resized. /// Controls how the image should be resized.
/// </summary> /// </summary>
[Parameter] [Parameter]
[Category(CategoryTypes.Image.Appearance)]
public ObjectFit ObjectFit { set; get; } = ObjectFit.Fill; public ObjectFit ObjectFit { set; get; } = ObjectFit.Fill;
/// <summary> /// <summary>
/// Controls how the image should positioned within its container. /// Controls how the image should positioned within its container.
/// </summary> /// </summary>
[Parameter] [Parameter]
[Category(CategoryTypes.Image.Appearance)]
public Position ObjectPosition { set; get; } = Position.Center; public Position ObjectPosition { set; get; } = Position.Center;
/// <summary>
/// A space separated list of class names, added on top of the default class list.
/// </summary>
[Parameter]
public string? ClassList { get; set; }
} }

@ -12,6 +12,7 @@ public partial class MainContent
.AddClass(ClassList); .AddClass(ClassList);
} }
} }
[Parameter] [Parameter]
public RenderFragment ChildContent { get; set; } public RenderFragment ChildContent { get; set; }

Loading…
Cancel
Save