dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-05-01 05:03:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

better UX in model refresh

Browse Source
This commit is contained in:
Jan Prochazka
2021-05-17 17:50:04 +02:00
parent 9d933d669a
commit 482a823f4f
3 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/web/src/plugins/ThemeDark.svelte
View File

@@ -53,6 +53,7 @@
--theme-bg-selected-point: #1765ad; /* blue-5 */ --theme-bg-selected-point: #1765ad; /* blue-5 */
--theme-bg-statusbar-inv: blue; --theme-bg-statusbar-inv: blue;
--theme-bg-statusbar-inv-hover: #4040FF;
--theme-bg-modalheader: rgb(43, 60, 61); --theme-bg-modalheader: rgb(43, 60, 61);
--theme-bg-button-inv: #004488; --theme-bg-button-inv: #004488;

1
packages/web/src/plugins/ThemeLight.svelte
View File

@@ -47,6 +47,7 @@
--theme-bg-statusbar-inv: blue; --theme-bg-statusbar-inv: blue;
--theme-bg-statusbar-inv-hover: #4040FF;
--theme-bg-modalheader: #eff; --theme-bg-modalheader: #eff;
--theme-bg-button-inv: #337ab7; --theme-bg-button-inv: #337ab7;

11
packages/web/src/widgets/StatusBar.svelte
View File

@@ -93,8 +93,8 @@
{/if} {/if}
{#if $status?.analysedTime} {#if $status?.analysedTime}
<div <div
class="item flex" class="item flex clickable"
title={`DB model for current DB was analysed at ${new Date($status?.analysedTime)}`} title={`Last ${databaseName} model refresh: ${moment($status?.analysedTime).format('HH:mm:ss')}\nClick for refresh DB model`}
on:click={handleSyncModel} on:click={handleSyncModel}
> >
<FontIcon icon="icon history" /> <FontIcon icon="icon history" />
@@ -138,4 +138,11 @@
white-space: nowrap; white-space: nowrap;
} }
.clickable {
cursor: pointer;
}
.clickable:hover {
background-color: var(--theme-bg-statusbar-inv-hover);
}
</style> </style>