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: improved contextual menu appearance

Browse Source
This commit is contained in:
Fabio Di Stasio
2021-06-29 18:22:40 +02:00
parent 978a7c5f5b
commit f74bca7bb4
4 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/renderer/components/BaseContextMenu.vue
View File

@ -88,7 +88,8 @@ export default {
z-index: 10; z-index: 10;
padding: 0; padding: 0;
background: #1d1d1d; background: #1d1d1d;
border-radius: 0.1rem; border-radius: $border-radius;
border: 1px solid $bg-color-light-dark;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: absolute; position: absolute;
@ -97,12 +98,16 @@ export default {
.context-element { .context-element {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0.1rem 0.3rem; margin: 0.2rem;
padding: 0.1rem;
border-radius: $border-radius;
cursor: pointer; cursor: pointer;
justify-content: space-between; justify-content: space-between;
position: relative; position: relative;
.context-submenu { .context-submenu {
border-radius: $border-radius;
border: 1px solid $bg-color-light-dark;
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
transition: opacity 0.2s; transition: opacity 0.2s;

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

@ -136,6 +136,10 @@ body {
display: flex; display: flex;
justify-content: center; justify-content: center;
.tab-link {
min-width: 0;
}
&.active { &.active {
.tab-link { .tab-link {
border-color: transparent; border-color: transparent;

2
src/renderer/scss/themes/dark-theme.scss
View File

@ -235,7 +235,7 @@
} }
&:hover { &:hover {
background: $primary-color; background: rgba($light-color, 15%);
} }
} }
} }

2
src/renderer/scss/themes/light-theme.scss
View File

@ -219,7 +219,7 @@
} }
&:hover { &:hover {
background: $primary-color; background: rgba($light-color, 15%);
} }
} }
} }