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

fix: table header not fixed on top when fast scrolling

Browse Source
This commit is contained in:
Fabio
2020-08-10 16:06:11 +02:00
parent a15e6249e1
commit 13b0816837
4 changed files with 105 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/renderer/components/Workspace.vue
View File

@ -3,6 +3,15 @@
<WorkspaceExploreBar :connection="connection" :is-selected="isSelected" />
<div v-if="workspace.connected" class="workspace-tabs column columns col-gapless">
<ul class="tab tab-block column col-12">
<li
v-if="workspace.breadcrumbs.table"
class="tab-item"
>
<a class="tab-link">
<i class="material-icons md-18 mr-1">tune</i>
<span :title="workspace.breadcrumbs.table">{{ $t('word.properties').toUpperCase() }}: {{ workspace.breadcrumbs.table }}</span>
</a>
</li>
<li
v-if="workspace.breadcrumbs.table"
class="tab-item"
@ -11,7 +20,7 @@
>
<a class="tab-link">
<i class="material-icons md-18 mr-1">grid_on</i>
<span :title="workspace.breadcrumbs.table">{{ workspace.breadcrumbs.table }}</span>
<span :title="workspace.breadcrumbs.table">{{ $t('word.data').toUpperCase() }}: {{ workspace.breadcrumbs.table }}</span>
</a>
</li>
<li
@ -109,10 +118,6 @@ export default {
width: fit-content;
flex: initial;
&.active a {
opacity: 1;
}
> a {
padding: 0.2rem 0.8rem;
color: $body-font-color;
@ -132,6 +137,10 @@ export default {
text-overflow: ellipsis;
}
}
&.active a {
opacity: 1;
}
}
}
}
@ -155,6 +164,7 @@ export default {
padding: 0;
font-weight: 700;
font-size: 0.7rem;
z-index: 1;
> div {
padding: 0.1rem 0.4rem;
@ -172,6 +182,7 @@ export default {
white-space: nowrap;
overflow: hidden;
font-size: 0.7rem;
position: relative;
&:focus {
box-shadow: inset 0 0 0 1px $body-font-color;