0045307: Open related receipts popup title missing

From 89ad6eb21e05cf4fc328f298cbecfea79b3c011b Mon Sep 17 00:00:00 2001
From: Prakash M <prakash@qualiantech.com>
Date: Mon, 23 Nov 2020 14:32:37 +0530
Subject: [PATCH] Related to BUG-45307 : Fixes Open related receipts popup
 heading by removing text color white * Fixes table header font size and color
 * Fixes popup alignment in mobile view * Fixes touch scroll issue in popup

---
 .../css/obpos-main.css                        | 51 ++++++++++++++-----
 1 file changed, 39 insertions(+), 12 deletions(-)

diff --git a/web/org.openbravo.retail.posterminal/css/obpos-main.css b/web/org.openbravo.retail.posterminal/css/obpos-main.css
index 23464317d..42de5556d 100644
--- a/web/org.openbravo.retail.posterminal/css/obpos-main.css
+++ b/web/org.openbravo.retail.posterminal/css/obpos-main.css
@@ -6336,13 +6336,13 @@ li.obUiListOrders-orderSelector_obOrder:last-child > button > div > div:last-chi
 
 .obUiRelatedReceipt-checkboxButtonOpenRelatedReceipts {
   /*Inherits: [OB.UI.CheckboxButtonOpenRelatedReceipts]*/
+  width: 50px;
 }
 
 .obUiRelatedReceipt-documentNo {
   line-height: 25px;
   font-size: var(--font-medium-large);
   width: 180px;
-  padding-left: 15px;
 }
 
 .obUiRelatedReceipt-orderedDate {
@@ -6385,6 +6385,17 @@ li.obUiListOrders-orderSelector_obOrder:last-child > button > div > div:last-chi
     margin-left: 0px;
     width: 95%;
   }
+  .obUiModalOpenRelatedReceipts .obUiModal-header, .obUiModalOpenRelatedReceipts .obUiModal-footer {
+    width: calc(95% - 150px);
+  }
+  
+  .obUiModalOpenRelatedReceipts .obUiModal-header-header {
+    width: calc(95% - 104px);
+  }
+  
+  .obUiModalOpenRelatedReceipts .obUiModal-body {
+    width: calc(95% - 124px);
+  }
 }
 
 .obUiModalOpenRelatedReceipts-body {
@@ -6395,6 +6406,10 @@ li.obUiListOrders-orderSelector_obOrder:last-child > button > div > div:last-chi
   overflow-y: auto;
 }
 
+.obUiModalOpenRelatedReceipts-body .enyo-touch-scroller {
+  max-height: 225px;
+}
+
 .obUiModalOpenRelatedReceipts-body-attributes {}
 
 .obUiModalOpenRelatedReceipts-footer {}
@@ -6406,13 +6421,10 @@ li.obUiListOrders-orderSelector_obOrder:last-child > button > div > div:last-chi
 .obUiModalOpenRelatedReceipts-header {
   padding-bottom: 0px;
   margin: 0px;
-  height: 140px;
+  height: 85px;
 }
 
-.obUiModalOpenRelatedReceipts-header-checkAllHeaderDocNum {
-  text-align: center;
-  color: white;
-}
+.obUiModalOpenRelatedReceipts-header-checkAllHeaderDocNum {}
 
 .obUiModalOpenRelatedReceipts-checkAllHeaderDocNum-headerLbl {
   line-height: 50px;
@@ -6425,22 +6437,23 @@ li.obUiListOrders-orderSelector_obOrder:last-child > button > div > div:last-chi
 
 .obUiModalOpenRelatedReceipts-header-checkAllHeader {
   overflow: hidden;
-  padding-top: 20px;
-  border-bottom: 3px solid var(--color-quaternary-variant);
+  border-bottom: var(--separator-slim);
   text-align: center;
-  color: black;
+  color: var(--color-secondary);
   margin-top: 15px;
-  padding-bottom: 7px;
   font-weight: bold;
   background-color: white;
-  height: 40px;
+  height: 30px;
+  font-size: 11px;
+  display: flex;
+  flex-direction: row;
 }
 
 .obUiModalOpenRelatedReceipts-checkAllHeader-documentNoLbl {
   line-height: 25px;
   font-size: var(--font-medium-large);
   width: 180px;
-  padding-left: 70px;
+  padding-left: 50px;
 }
 
 .obUiModalOpenRelatedReceipts-checkAllHeader-orderedDateLbl {
@@ -6466,6 +6479,20 @@ li.obUiListOrders-orderSelector_obOrder:last-child > button > div > div:last-chi
   clear: both;
 }
 
+@media all and (max-aspect-ratio: 9/8) {
+  .obUiModalOpenRelatedReceipts-checkAllHeader-documentNoLbl {
+    padding-left: unset;
+  }
+  
+  .obUiModalOpenRelatedReceipts-checkAllHeader-orderedDateLbl {
+    width: 150px;
+  }
+  
+  .obUiModalOpenRelatedReceipts-checkAllHeader-pendingLbl {
+    padding-left: 10px;
+  }
+}
+
 
 
 /***********************   ***********************/
-- 
2.20.1