UX: Improve focus state of post options item by making full width (#362)

This commit is contained in:
Keegan George 2023-12-15 12:11:29 -08:00 committed by GitHub
parent d674e47ca4
commit 19a2949914
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 1 deletions

View File

@ -239,7 +239,7 @@ export default class AIHelperOptionsMenu extends Component {
/> />
{{else}} {{else}}
<DButton <DButton
@class="btn-flat" @class="btn-flat ai-post-helper__options-button"
@icon={{option.icon}} @icon={{option.icon}}
@translatedLabel={{option.translated_name}} @translatedLabel={{option.translated_name}}
@action={{this.performAISuggestion}} @action={{this.performAISuggestion}}

View File

@ -317,6 +317,13 @@
} }
} }
&__options-button {
padding: 0.65rem 1rem;
display: block;
width: 100%;
text-align: left;
}
&__suggestion { &__suggestion {
padding: 0.5rem; padding: 0.5rem;
display: flex; display: flex;