Update button types in Ask.razor and improve CSS focus style

- Specified `Type` attributes for buttons in `Ask.razor` to clarify their intended behavior.
- Added `h1:focus` style in `app.css` to remove default outline for focused headings.
This commit is contained in:
Marco Minerva
2025-02-20 12:19:20 +01:00
parent eba0d4c272
commit b7c8cfff76
2 changed files with 7 additions and 7 deletions
@@ -59,7 +59,7 @@
</div>
<div class="text-end bg-transparent">
<Tooltip Title="Copy to Clipboard" Color="TooltipColor.Dark" Placement="TooltipPlacement.Bottom">
<Button Outline="false" @onclick="@(async () => await CopyToClipboard(message.Text))">
<Button Type="ButtonType.Button" Outline="false" @onclick="@(async () => await CopyToClipboard(message.Text))">
<Icon @ref="clipboardIcon" Name="IconName.Clipboard" />
</Button>
</Tooltip>
@@ -84,10 +84,10 @@
</span>
<input type="text" @bind="@question" @bind:event="oninput" placeholder="Ask me anything..." class="form-control border-0" maxlength="2000" autofocus @onkeydown="HandleKeyDown" />
<div class="input-group-text bg-transparent border-0">
<Button @ref="askButton" Color="ButtonColor.Primary" Disabled="@(isAsking || string.IsNullOrWhiteSpace(question))" @onclick="AskQuestion">
<Button Type="ButtonType.Submit" @ref="askButton" Color="ButtonColor.Primary" Disabled="@(isAsking || string.IsNullOrWhiteSpace(question))" @onclick="AskQuestion">
<Icon Name="IconName.Send" />
</Button>
<Button @ref="resetButton" Class="ms-2" Color="ButtonColor.Secondary" Disabled="@isAsking" @onclick="Reset">
<Button Type="ButtonType.Reset" @ref="resetButton" Class="ms-2" Color="ButtonColor.Secondary" Disabled="@isAsking" @onclick="Reset">
<Icon CustomIconName="bi bi-x-lg" />
</Button>
</div>
+4 -4
View File
@@ -11,10 +11,6 @@
--bb-sidebar2-nav-item-group-background-color: rgba(var(--bb-sidebar2-nav-item-text-active-color-rgb), 0.08);
}
h1:focus {
outline: none;
}
.bb-sidebar2 nav .nav-item a {
color: var(--bb-sidebar2-nav-item-text-color) !important;
}
@@ -29,6 +25,10 @@ h1:focus {
color: var(--bb-sidebar2-nav-item-text-active-color) !important;
}
h1:focus {
outline: none;
}
.valid.modified:not([type=checkbox]) {
outline: 1px solid #26b050;
}