From de7275c38be2f42b1b602f41e18d0a4d635b2868 Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Sun, 5 Dec 2021 11:13:38 +0100
Subject: [PATCH] texts

---
 .../web/src/modals/ChooseConnectionColorModal.svelte |  5 +++++
 packages/web/src/widgets/StatusBar.svelte            | 12 ++++++++++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/modals/ChooseConnectionColorModal.svelte b/packages/web/src/modals/ChooseConnectionColorModal.svelte
index c36d1f944..183138f2a 100644
--- a/packages/web/src/modals/ChooseConnectionColorModal.svelte
+++ b/packages/web/src/modals/ChooseConnectionColorModal.svelte
@@ -7,6 +7,7 @@
   export let conid;
   export let database;
   export let header;
+  export let text;
 
   const initialColor = useConnectionColor({ conid, database }, null, null, false, false);
 
@@ -16,6 +17,10 @@
 <ModalBase {...$$restProps}>
   <svelte:fragment slot="header">{header}</svelte:fragment>
 
+  <div class="m-2">
+    {text}
+  </div>
+
   <ColorSelector
     {value}
     on:change={e => {
diff --git a/packages/web/src/widgets/StatusBar.svelte b/packages/web/src/widgets/StatusBar.svelte
index 86e3b1354..bfd8b357d 100644
--- a/packages/web/src/widgets/StatusBar.svelte
+++ b/packages/web/src/widgets/StatusBar.svelte
@@ -81,7 +81,11 @@
           class="item clickable"
           title="Database color. Overrides connection color"
           on:click={() => {
-            showModal(ChooseConnectionColorModal, { ...dbid, header: 'Choose database color' });
+            showModal(ChooseConnectionColorModal, {
+              ...dbid,
+              header: 'Choose database color',
+              text: 'This color override connection color for specific database.',
+            });
           }}
         >
           <div style={$databaseButtonBackground} class="colorbox">
@@ -100,7 +104,11 @@
           class="item clickable"
           title="Connection color. Can be overriden by database color"
           on:click={() => {
-            showModal(ChooseConnectionColorModal, { conid: dbid.conid, header: 'Choose connection color' });
+            showModal(ChooseConnectionColorModal, {
+              conid: dbid.conid,
+              header: 'Choose connection color',
+              text: 'This color serves as default color for all databases in this connection.',
+            });
           }}
         >
           <div style={$connectionButtonBackground} class="colorbox">