From 09d03261af82071b451fcba32a431f5c0432fa5d Mon Sep 17 00:00:00 2001
From: smizrahi <seb.mizrahi@gmail.com>
Date: Wed, 21 Jun 2023 16:33:54 +0200
Subject: [PATCH] feat(preferences): Add subtext in vacation filter to explain
 the behavior

---
 UI/PreferencesUI/English.lproj/Localizable.strings  | 1 +
 UI/PreferencesUI/French.lproj/Localizable.strings   | 1 +
 UI/Templates/PreferencesUI/UIxPreferences.wox       | 5 ++++-
 UI/WebServerResources/scss/views/PreferencesUI.scss | 8 ++++++++
 4 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/UI/PreferencesUI/English.lproj/Localizable.strings b/UI/PreferencesUI/English.lproj/Localizable.strings
index 3d2002d0b..453b88894 100644
--- a/UI/PreferencesUI/English.lproj/Localizable.strings
+++ b/UI/PreferencesUI/English.lproj/Localizable.strings
@@ -45,6 +45,7 @@
 "Days between responses" = "Days between responses";
 "Do not send responses to mailing lists" = "Do not send responses to mailing lists";
 "Activation Constraints" = "Activation Constraints";
+"Customize day and hour ranges independently and optionally combine them with specific weekdays to tailor your vacation filters to your preferences" = "Customize day and hour ranges independently and optionally combine them with specific weekdays to tailor your vacation filters to your preferences";
 "Enable auto reply on" = "Enable auto reply on";
 "First day of vacation" = "First day of vacation";
 "Disable auto reply after" = "Disable auto reply after";
diff --git a/UI/PreferencesUI/French.lproj/Localizable.strings b/UI/PreferencesUI/French.lproj/Localizable.strings
index 5c3394fb9..63ef2bcbc 100644
--- a/UI/PreferencesUI/French.lproj/Localizable.strings
+++ b/UI/PreferencesUI/French.lproj/Localizable.strings
@@ -45,6 +45,7 @@
 "Days between responses" = "Nombre de jours entre les réponses d'absence";
 "Do not send responses to mailing lists" = "Ne pas envoyer les réponses aux listes de diffusion";
 "Activation Constraints" = "Conditions d'activation";
+"Customize day and hour ranges independently and optionally combine them with specific weekdays to tailor your vacation filters to your preferences" = "Personnalisez les plages des jours et des heures indépendamment. Vous pouvez également les combiner avec des jours de la semaine spécifiques pour affiner votre filtre";
 "Enable auto reply on" = "Débuter la réponse automatique le";
 "First day of vacation" = "Premier jour d'absence";
 "Disable auto reply after" = "Désactiver la réponse automatique après le";
diff --git a/UI/Templates/PreferencesUI/UIxPreferences.wox b/UI/Templates/PreferencesUI/UIxPreferences.wox
index fa3b8e710..fbb038f19 100644
--- a/UI/Templates/PreferencesUI/UIxPreferences.wox
+++ b/UI/Templates/PreferencesUI/UIxPreferences.wox
@@ -1160,8 +1160,11 @@
 
                 <var:if condition="isVacationPeriodEnabled">
                 <h4 class="md-title"><var:string label:value="Activation Constraints"/></h4>
-
+                <div layout="row" class="sub-information" layout-wrap="layout-wrap">
+                  <var:string label:value="Customize day and hour ranges independently and optionally combine them with specific weekdays to tailor your vacation filters to your preferences"/>
+                </div>
                 <div layout="row" layout-wrap="layout-wrap">
+                  
                   <div class="md-block" flex="50" flex-xs="100">
                     <md-checkbox
                         ng-model="app.preferences.defaults.Vacation.startDateEnabled"
diff --git a/UI/WebServerResources/scss/views/PreferencesUI.scss b/UI/WebServerResources/scss/views/PreferencesUI.scss
index 859825ac4..71bb39b1e 100644
--- a/UI/WebServerResources/scss/views/PreferencesUI.scss
+++ b/UI/WebServerResources/scss/views/PreferencesUI.scss
@@ -3,4 +3,12 @@
 .text-preview {
   white-space: pre-wrap;
   word-wrap: break-word;
+}
+
+.sub-information {
+  margin-bottom: 14px;
+  text-align: left;
+  font-size: 12px;
+  line-height: 14px;
+  font-weight: 600;
 }
\ No newline at end of file