kocoded/oqtane.framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update ActionDialog Add method to ensure consistent button sizing

Browse Source 
This PR introduces a new private method GetButtonSize() to enhance the consistency of button sizing within our UI. The method specifically checks for the presence of the "btn-sm" class in the Action Button's class list and applies the same sizing to the Cancel Button if found.
This commit is contained in:
Leigh Pointer 2025-01-17 13:34:16 +01:00
parent f8737c112e
commit e6cf77e724
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
Oqtane.Client/Modules/Controls/ActionDialog.razor
View File

@ -24,7 +24,7 @@
{ {
<button type="button" class="@Class" @onclick="Confirm">@((MarkupString)_iconSpan) @Text</button> <button type="button" class="@Class" @onclick="Confirm">@((MarkupString)_iconSpan) @Text</button>
} }
<button type="button" class="btn btn-secondary" @onclick="DisplayModal">@SharedLocalizer["Cancel"]</button> <button type="button" class="btn btn-secondary @GetButtonSize()" @onclick="DisplayModal">@SharedLocalizer["Cancel"]</button>
</div> </div>
</div> </div>
</div> </div>
@ -71,7 +71,7 @@ else
} }
<form method="post" @formname="@($"ActionDialogCancelForm:{ModuleState.PageModuleId}:{Id}")" @onsubmit="DisplayModal" data-enhance> <form method="post" @formname="@($"ActionDialogCancelForm:{ModuleState.PageModuleId}:{Id}")" @onsubmit="DisplayModal" data-enhance>
<input type="hidden" name="@Constants.RequestVerificationToken" value="@SiteState.AntiForgeryToken" /> <input type="hidden" name="@Constants.RequestVerificationToken" value="@SiteState.AntiForgeryToken" />
<button type="submit" class="btn btn-secondary">@SharedLocalizer["Cancel"]</button> <button type="submit" class="btn btn-secondary @GetButtonSize()">@SharedLocalizer["Cancel"]</button>
</form> </form>
</div> </div>
</div> </div>
@ -207,6 +207,15 @@ else
_visible = (PageState.QueryString["dialog"] == Id); _visible = (PageState.QueryString["dialog"] == Id);
} }
} }
/// <summary>
/// Checks the Class that is used for the Action Button, if it is small make the Cancel Button small as well.
/// </summary>
/// <param name="Class"></param>
/// <returns></returns>
private string GetButtonSize()
{
return Class.Contains("btn-sm", StringComparison.OrdinalIgnoreCase) ? "btn-sm" : string.Empty;
}
private bool IsAuthorized() private bool IsAuthorized()
{ {