Merge pull request #8 from stavroskasidis/release/1.4

Release/1.4
stavroskasidis · Nov 5, 2021 · e0c5e9e · e0c5e9e
2 parents 68ec007 + 1026f57
commit e0c5e9e
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 6 deletions.
diff --git a/BlazorDialog/BlazorDialog.csproj b/BlazorDialog/BlazorDialog.csproj
@@ -16,7 +16,7 @@
     <Copyright />
     <PackageTags>blazor blazor-component blazor-dialog dialog modal blazor-modal blazordialog blazormodaldialog blazormodal razor razor-components razorcomponents</PackageTags>
     <VersionSuffix>$(VersionSuffix)</VersionSuffix>
-    <Version>1.3.0</Version>
+    <Version>1.4.0</Version>
     <Version Condition=" '$(VersionSuffix)' != '' ">$(Version)-$(VersionSuffix)</Version>
     <Product>BlazorDialog</Product>
   </PropertyGroup>

diff --git a/BlazorDialog/Components/Dialog.razor b/BlazorDialog/Components/Dialog.razor
@@ -8,7 +8,7 @@
         <CascadingValue Value="this.Input" Name="DialogInput">
             @if (!IsCustom)
             {
-                <div class="blazor-dialog-container @(Centered ? "blazor-dialog-centered" : "")" style="z-index:@(BaseZIndex + dialogDepth)">
+                <div class="blazor-dialog-container @CssClass @(Centered ? "blazor-dialog-centered" : "")" style="z-index:@(BaseZIndex + dialogDepth)">
                     <div class="blazor-dialog-content-wrapper @ContentWrapperCssClass @AnimationCssClass">
                         <div class="blazor-dialog-content">
                             @ChildContent
@@ -89,6 +89,11 @@
     /// </summary>
     [Parameter] public bool IsCustom { get; set; }
 
+    /// <summary>
+    /// Adds a custom css class to the wrapper of the dialog.
+    /// </summary>
+    [Parameter] public string CssClass { get; set; }
+
     protected TaskCompletionSource<object> taskCompletionSource;
     internal Action<object> OnDialogHide;
     protected void NotifyDialogHidden(object result) => OnDialogHide?.Invoke(result);

diff --git a/BlazorDialog/wwwroot/styles.css b/BlazorDialog/wwwroot/styles.css
@@ -115,14 +115,14 @@
 }
 
 .blazor-dialog-content-wrapper-windowed{
-    max-height:100%;
+    max-height:90%;
     overflow: auto;
 }
 
 @media (min-width: 576px) {
     .blazor-dialog-content-wrapper-normal {
         max-width: 500px;
-        margin: 2.75rem auto;
+        /*margin: 2.75rem auto;*/
     }
 }
 

diff --git a/README.md b/README.md
@@ -76,7 +76,12 @@ Make sure that there is a call to `app.UseStaticFiles();` in your server project
 
 ## Release Notes
 
-<details open="open"><summary>1.3</summary>
+<details open="open"><summary>1.4</summary>
+
+>- Added css class parameter to dialog component.
+</details>
+
+<details><summary>1.3</summary>
 
 >- Added base z-index parameter to dialog component.
 </details>

diff --git a/TestApps/BlazorDialog.TestAppsCommon/IndexCommon.razor b/TestApps/BlazorDialog.TestAppsCommon/IndexCommon.razor
@@ -22,7 +22,7 @@
     <option value="@DialogAnimation.Zoom">@DialogAnimation.Zoom</option>
     <option value="@DialogAnimation.FadeIn">@DialogAnimation.FadeIn</option>
 </select>
-<Dialog Id="simple-large-dialog" Size="size" Centered="isCentered" Animation="animation">
+<Dialog Id="simple-large-dialog" Size="size" Centered="isCentered" Animation="animation" CssClass="custom-class">
     <DialogInputProvider TInput="string">
         <DialogHeader ShowClose="true">
             <h4>@context.Input</h4>