fabio286/antares
1
1
Fork 0
mirror of https://github.com/Fabio286/antares.git synced 2025-06-05 21:59:22 +02:00
Code Issues Releases Wiki Activity

perf(UI): improved focus visibility for buttons

Browse Source
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
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; cursor: pointer;
transition: all .2s; transition: all .2s;
border-radius: $border-radius; border-radius: $border-radius;
outline: none;
&:focus {
box-shadow: 0 0 3px .1rem rgba($primary-color, 80%);
}
&:hover { &:hover {
.all-connections-buttons { .all-connections-buttons {

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

@ -356,6 +356,16 @@ option:checked {
.accordion-body { .accordion-body {
max-height: 5000rem !important; 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 { .btn-group {
flex-wrap: nowrap; flex-wrap: nowrap;