From cb29cdb764e35f900ed69171410ad2d1fdb7c0fb Mon Sep 17 00:00:00 2001
From: Daniel Maya <daniel.maya@pandorafms.com>
Date: Wed, 3 Jan 2024 11:32:41 +0100
Subject: [PATCH] #12624 change of style in dialog

---
 .../include/styles/js/jquery-ui_custom.css    | 25 +++++++++++--------
 .../include/styles/tips_window.css            |  8 +++---
 2 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/pandora_console/include/styles/js/jquery-ui_custom.css b/pandora_console/include/styles/js/jquery-ui_custom.css
index 3c9104cba6..1c68f9783e 100644
--- a/pandora_console/include/styles/js/jquery-ui_custom.css
+++ b/pandora_console/include/styles/js/jquery-ui_custom.css
@@ -9,16 +9,19 @@
 }
 
 .ui-dialog .ui-dialog-titlebar {
-  background-color: transparent;
+  background: linear-gradient(to right, #161628, #1b6a66);
   border-radius: 0;
   margin: 0;
   display: inherit;
   text-align: left;
-  padding: 0.4em 33px 0.4em 12px;
+  padding: 1.2em 33px 1.2em 12px;
   height: 30px;
   position: relative;
   overflow: hidden;
   text-overflow: ellipsis;
+  color: #fff;
+  border-top-left-radius: 10px !important;
+  border-top-right-radius: 10px !important;
 }
 
 /*center ui dialog center*/
@@ -35,14 +38,14 @@
   color: #111;
 }
 .ui-dialog .ui-dialog-title {
-  color: rgb(51, 51, 51);
+  color: #fff;
   white-space: nowrap;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   position: relative;
-  font-size: 11pt;
-  top: 2px;
+  font-size: 13pt;
+  /* top: 2px; */
 }
 
 .ui-dialog .ui-dialog-titlebar-minimize {
@@ -214,7 +217,7 @@ a.ui-state-default > span:hover {
   height: fit-content !important;
 }
 .ui-dialog .ui-widget-header {
-  margin: 3px 3px 0px 3px;
+  /* margin: 3px 3px 0px 3px; */
 }
 .ui_tpicker_hour,
 .ui_tpicker_minute,
@@ -243,10 +246,10 @@ a.ui-state-default > span:hover {
   border-radius: 16px;
 }
 .ui-dialog {
-  border-top-left-radius: 16px !important;
-  border-top-right-radius: 16px !important;
-  border-bottom-left-radius: 16px !important;
-  border-bottom-right-radius: 16px !important;
+  border-top-left-radius: 10px !important;
+  border-top-right-radius: 10px !important;
+  border-bottom-left-radius: 10px !important;
+  border-bottom-right-radius: 10px !important;
   box-shadow: 0 10px 6px 0 rgb(0 0 0 / 13%);
   border: 1px solid #e5e9ed;
   padding: 0;
@@ -266,7 +269,7 @@ a.ui-state-default > span:hover {
 }
 .ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close,
 .ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close:hover {
-  background-color: rgb(51, 51, 51);
+  background-color: #fff;
   mask: url(../../../images/close@svg.svg) no-repeat right / contain;
   -webkit-mask: url(../../../images/close@svg.svg) no-repeat right / contain;
 }
diff --git a/pandora_console/include/styles/tips_window.css b/pandora_console/include/styles/tips_window.css
index 53906401a8..5c6114f92a 100644
--- a/pandora_console/include/styles/tips_window.css
+++ b/pandora_console/include/styles/tips_window.css
@@ -23,12 +23,14 @@
   justify-content: space-between;
   height: fit-content !important;
   background-color: white;
-  color: #161628;
-  border-top-left-radius: 25px !important;
-  border-top-right-radius: 25px !important;
+  color: #fff;
+  border-top-left-radius: 10px !important;
+  border-top-right-radius: 10px !important;
 }
 .tips_header .title {
   font-size: 15px;
+  color: #fff;
+  padding: 1.2em 33px 1.2em 12px !important;
 }
 .description {
   padding: 0px 20px 20px 20px;