NEW: Improved Data Privacy Warning

- moved section into message box for better visibility
aljawaid · Aug 28, 2023 · 2e8b83d · 2e8b83d
1 parent 98f53ea
commit 2e8b83d
Show file tree

Hide file tree

Showing 7 changed files with 31 additions and 22 deletions.
diff --git a/Assets/css/kanboard-support.css b/Assets/css/kanboard-support.css
@@ -460,6 +460,8 @@ margin-right: 8px;}
     border: 2px solid var(--tech-bg-grey-border-match);
     border-radius: var(--border-radius-kanboard-support);
     transition: var(--transition-kanboard-support);
+    display: block;
+    margin: 20px auto auto auto;
 }
 
 .data-btn svg {
@@ -470,8 +472,8 @@ margin-right: 8px;}
     display: none;
 }
 
-section.privacy-warning p {
-    display: inline-block;
+section.privacy-warning {
+    margin-bottom: 0;
 }
 
 a.kb-updates-link {

diff --git a/Locale/de_DE/translations.php b/Locale/de_DE/translations.php
@@ -31,8 +31,9 @@
     'Current Page' => 'Aktuelle Seite',
     'Your Browser Name' => 'Ihr Browsername',
     'Your Browser' => 'Ihr Browser',
-    'Your Data Privacy' => 'Ihre Daten Datenschutz',
+    'Data Privacy' => 'Daten Datenschutz',
     'This page shows sensitive data. Hide selective information before sharing.' => 'Diese Seite zeigt sensible Daten. Blenden Sie ausgewählte Informationen aus, bevor Sie sie weitergeben.',
+    'Screenshot friendly' => 'Screenshot-freundlich',
     'Hide Data' => 'Daten Verbergen',
     'Application Information' => 'Informationen zur Anwendung',
     'Application Name' => 'Name der Anwendung',

diff --git a/Locale/en_GB/translations.php b/Locale/en_GB/translations.php
@@ -31,8 +31,9 @@
     'Current Page' => 'Current Page',
     'Your Browser Name' => 'Your Browser Name',
     'Your Browser' => 'Your Browser',
-    'Your Data Privacy' => 'Your Data Privacy',
+    'Data Privacy' => 'Data Privacy',
     'This page shows sensitive data. Hide selective information before sharing.' => 'This page shows sensitive data. Hide selective information before sharing.',
+    'Screenshot friendly' => 'Screenshot friendly',
     'Hide Data' => 'Hide Data',
     'Application Information' => 'Application Information',
     'Application Name' => 'Application Name',

diff --git a/Locale/es_ES/translations.php b/Locale/es_ES/translations.php
@@ -31,8 +31,9 @@
     'Current Page' => 'Página actual',
     'Your Browser Name' => 'Nombre de su navegador',
     'Your Browser' => 'Tu navegador',
-    'Your Data Privacy' => 'Privacidad de sus datos',
+    'Data Privacy' => 'Privacidad de Datos',
     'This page shows sensitive data. Hide selective information before sharing.' => 'Esta página muestra datos sensibles. Oculta información selectiva antes de compartirla.',
+    'Screenshot friendly' => 'Compatible con capturas de pantalla',
     'Hide Data' => 'Ocultar datos',
     'Application Information' => 'Información de la aplicación',
     'Application Name' => 'Nombre de la aplicación',

diff --git a/Locale/fr_FR/translations.php b/Locale/fr_FR/translations.php
@@ -31,8 +31,9 @@
     'Current Page' => 'Page actuelle',
     'Your Browser Name' => 'Nom de votre navigateur',
     'Your Browser' => 'Votre navigateur',
-    'Your Data Privacy' => 'Confidentialité de vos données',
+    'Data Privacy' => 'Confidentialité de Données',
     'This page shows sensitive data. Hide selective information before sharing.' => 'Cette page contient des données sensibles. Masquez certaines informations avant de les partager.',
+    'Screenshot friendly' => 'Compatible avec les captures d\'écran',
     'Hide Data' => 'Masquer les données',
     'Application Information' => 'Informations sur l\'application',
     'Application Name' => 'Nom de l\'application',

diff --git a/Locale/translations-starter-template.php b/Locale/translations-starter-template.php
@@ -40,8 +40,9 @@
     'Current Page' => '',
     'Your Browser Name' => '',
     'Your Browser' => '',
-    'Your Data Privacy' => '',
+    'Data Privacy' => '',
     'This page shows sensitive data. Hide selective information before sharing.' => '',
+    'Screenshot friendly' => '',
     'Hide Data' => '',
     'Application Information' => '',
     'Application Name' => '',

diff --git a/Template/config/support.php b/Template/config/support.php
@@ -8,6 +8,23 @@
             <span class="ks-icon"></span> <?= t('Application Configuration') ?>
         </h2>
     </div>
+    <!-- PRIVACY WARNING -->
+    <section class="message error privacy-warning">
+        <header></header>
+        <i class=""></i>
+        <h3 class="">
+            <span class="message-title"><?= t('Data Privacy') ?></span>
+            <span class="message-text">
+                <?= t('This page shows sensitive data. Always hide selective information before sharing.') ?>
+            </span>
+        </h3>
+    </section>
+    <button class="data-btn" title="<?= t('Screenshot friendly') ?>">
+        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-eye-slash-fill" viewBox="0 0 16 16">
+            <path d="m10.79 12.912-1.614-1.615a3.5 3.5 0 0 1-4.474-4.474l-2.06-2.06C.938 6.278 0 8 0 8s3 5.5 8 5.5a7.029 7.029 0 0 0 2.79-.588zM5.21 3.088A7.028 7.028 0 0 1 8 2.5c5 0 8 5.5 8 5.5s-.939 1.721-2.641 3.238l-2.062-2.062a3.5 3.5 0 0 0-4.474-4.474L5.21 3.089z"/>
+            <path d="M5.525 7.646a2.5 2.5 0 0 0 2.829 2.829l-2.83-2.829zm4.95.708-2.829-2.83a2.5 2.5 0 0 1 2.829 2.829zm3.171 6-12-12 .708-.708 12 12-.708.708z"/>
+        </svg> <?= t('Hide Data') ?>
+    </button>
     <!-- USER CONFIGURATION -->
     <section class="support-section">
         <div class="table-responsive">
@@ -59,21 +76,6 @@
             </table>
         </div>
     </section>
-    <!-- PRIVACY WARNING -->
-    <section class="support-section privacy-warning">
-        <h2 class="">
-            <i class="fa fa-warning pp-red"></i> <?= t('Your Data Privacy') ?>
-        </h2>
-        <div class="">
-            <p class=""><?= t('This page shows sensitive data. Hide selective information before sharing.') ?></p>
-            <button class="data-btn">
-                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-eye-slash-fill" viewBox="0 0 16 16">
-                    <path d="m10.79 12.912-1.614-1.615a3.5 3.5 0 0 1-4.474-4.474l-2.06-2.06C.938 6.278 0 8 0 8s3 5.5 8 5.5a7.029 7.029 0 0 0 2.79-.588zM5.21 3.088A7.028 7.028 0 0 1 8 2.5c5 0 8 5.5 8 5.5s-.939 1.721-2.641 3.238l-2.062-2.062a3.5 3.5 0 0 0-4.474-4.474L5.21 3.089z"/>
-                    <path d="M5.525 7.646a2.5 2.5 0 0 0 2.829 2.829l-2.83-2.829zm4.95.708-2.829-2.83a2.5 2.5 0 0 1 2.829 2.829zm3.171 6-12-12 .708-.708 12 12-.708.708z"/>
-                </svg> <?= t('Hide Data') ?>
-            </button>
-        </div>
-    </section>
     <!-- APPLICATION INFORMATION -->
     <section class="support-section">
         <h2 class="">