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

fix(UI): connection tab indicator when scrolling

This commit is contained in:
Fabio Di Stasio 2021-07-08 17:58:43 +02:00
parent 8cd76e711c
commit a0ab63bdb5
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/renderer/components/TheSettingBar.vue
View File

@ -167,14 +167,13 @@ export default {
height: $settingbar-width; height: $settingbar-width;
width: 100%; width: 100%;
margin: 0; margin: 0;
border-left: 3px solid transparent;
opacity: 0.5; opacity: 0.5;
transition: opacity 0.2s; transition: opacity 0.2s;
display: flex; display: flex;
align-content: center; align-items: center;
justify-content: center; justify-content: flex-start;
flex-direction: column;
border-radius: 0; border-radius: 0;
padding: 0;
&:hover { &:hover {
opacity: 1; opacity: 1;
@ -194,12 +193,12 @@ export default {
width: 3px; width: 3px;
transition: height 0.2s; transition: height 0.2s;
background-color: $primary-color; background-color: $primary-color;
position: absolute;
left: 0;
border-radius: $border-radius; border-radius: $border-radius;
} }
.settingbar-element-icon { .settingbar-element-icon {
margin: 0 auto;
&.badge::after { &.badge::after {
bottom: -10px; bottom: -10px;
right: 0; right: 0;