mirrors/dbgate
1
0
Fork 0
mirror of https://github.com/dbgate/dbgate synced 2024-11-07 20:26:23 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

faxed db group close buttpm style

Browse Source
This commit is contained in:
Jan Prochazka 2022-03-12 21:12:20 +01:00
parent 0629123cc1
commit 7efd4be401
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/web/src/widgets/TabsPanel.svelte
View File

@ -387,15 +387,17 @@
draggingDbGroupTarget = null; draggingDbGroupTarget = null;
}} }}
> >
<FontIcon icon={getDbIcon(tabGroup.tabDbKey)} padRight /> <div class="db-name-inner">
{tabGroup.tabDbName} <FontIcon icon={getDbIcon(tabGroup.tabDbKey)} />
{tabGroup.tabDbName}
</div>
<span <div
class="close-button-right tabCloseButton" class="close-button-right tabCloseButton"
on:click={e => closeMultipleTabs(tab => tabGroup.tabs.find(x => x.tabid == tab.tabid))} on:click={e => closeMultipleTabs(tab => tabGroup.tabs.find(x => x.tabid == tab.tabid))}
> >
<FontIcon icon="icon close" /> <FontIcon icon="icon close" />
</span> </div>
</div> </div>
<div class="db-group"> <div class="db-group">
{#each tabGroup.tabs as tab} {#each tabGroup.tabs as tab}
@ -505,7 +507,10 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
}
.db-name-inner {
justify-content: center; justify-content: center;
flex-grow: 1;
} }
/* .db-name:hover { /* .db-name:hover {
background-color: var(--theme-bg-3); background-color: var(--theme-bg-3);
@ -541,7 +546,6 @@
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
color: var(--theme-font-3); color: var(--theme-font-3);
float: right;
} }
.close-button:hover { .close-button:hover {