fabio286
/
antares
mirror of https://github.com/Fabio286/antares.git
1
1
Fork 0
Code Issues Releases Wiki Activity

perf(UI): improved focus visibility for buttons

This commit is contained in:
Fabio Di Stasio 2022-07-06 09:37:18 +02:00
parent 20f5497034
commit d2eb31a63d
2 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/renderer/components/ModalAllConnections.vue
View File

@ -317,6 +317,11 @@ onBeforeUnmount(() => {
cursor: pointer;
transition: all .2s;
border-radius: $border-radius;
outline: none;
&:focus {
box-shadow: 0 0 3px .1rem rgba($primary-color, 80%);
}
&:hover {
.all-connections-buttons {

10
src/renderer/scss/main.scss
View File

@ -356,6 +356,16 @@ option:checked {
.accordion-body {
max-height: 5000rem !important;
}
.btn {
&:focus{
box-shadow: 0 0 3px 1px rgba($primary-color, 90%);
}
&.btn-success:focus {
border-color: $primary-color;
box-shadow: 0 0 3px 1px rgba($primary-color, 90%);
}
}
.btn-group {
flex-wrap: nowrap;