bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-12 14:23:32 +00:00
Code Issues Releases Wiki Activity

[PM-26449] Add mouse cursor hover on the Edit Shortcut link (#16708)

Browse Source 
* PM-26449 add hover and focus styling for edit shortcut link, add tab support to the link

* reduce styling scope, switch from span to appropriate a tag
This commit is contained in:
Daniel Riera
2025-10-02 14:21:01 -04:00
committed by GitHub
parent 9182628b28
commit cac6a36275
2 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/desktop/src/app/accounts/settings.component.html
View File

@@ -351,13 +351,15 @@
<small class="help-block" *ngIf="form.value.enableAutotype"> <small class="help-block" *ngIf="form.value.enableAutotype">
<b>{{ "important" | i18n }}</b> <b>{{ "important" | i18n }}</b>
{{ "enableAutotypeDescriptionTransitionKey" | i18n }} {{ "enableAutotypeDescriptionTransitionKey" | i18n }}
<span <a
class="settings-link" class="settings-link"
tabindex="0"
*ngIf="this.form.value.enableAutotype" *ngIf="this.form.value.enableAutotype"
(click)="saveAutotypeShortcut()" (click)="saveAutotypeShortcut()"
(keydown.enter)="saveAutotypeShortcut(); $event.preventDefault()"
> >
{{ "editShortcut" | i18n }} {{ "editShortcut" | i18n }}
</span></small </a></small
> >
</div> </div>
<div class="form-group"> <div class="form-group">

9
apps/desktop/src/scss/misc.scss
View File

@@ -360,11 +360,16 @@ form,
} }
} }
.settings-link { .help-block a.settings-link {
text-decoration: none;
@include themify($themes) { @include themify($themes) {
color: themed("primaryColor"); color: themed("primaryColor");
&:hover,
&:focus {
color: darken(themed("primaryColor"), 6%);
}
} }
font-weight: bold;
} }
app-root > #loading, app-root > #loading,