From 7bc582d1cfab36c82154b0b91f27d2671c2ade53 Mon Sep 17 00:00:00 2001
From: Eleftherios Kritsotakis <elkr@odoo.com>
Date: Fri, 5 Aug 2022 08:53:10 +0000
Subject: [PATCH] [FIX] point_of_sale: `BlockUI` badly rendered at PoS
 "frontend"

Before this commit, the `BlockUI` component from
the web module was not rendered properly.

The reason for this is that after PR #83811 was merged,
the css from `web/static/src/core/ui/block_ui.scss`
was replaced with non-semantic Bootstrap css classes
(e.g. .d-flex, .justify-content-center). Those css
classes were inaccessible to PoS frontend, because
the `point_of_sale` module does not load Bootstrap
code (a design decision).

In this commit, we restore the proper rendering
of the `BlockUI` component both for the "frontend"
of the PoS App.

task-2924335

X-original-commit: 29cbeae90790ff503167b053ec6d9e221a82434e
Part-of: odoo/odoo#97730
---
 addons/point_of_sale/static/src/css/pos.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/addons/point_of_sale/static/src/css/pos.css b/addons/point_of_sale/static/src/css/pos.css
index bffc50a785b..0a251236825 100644
--- a/addons/point_of_sale/static/src/css/pos.css
+++ b/addons/point_of_sale/static/src/css/pos.css
@@ -1243,6 +1243,22 @@ td {
     padding-top:15px;
 }
 
+/*  ********* The BlockUI Component (frontend)  ********* */
+.o_blockUI {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 1100;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    height: 100vh;
+    width: 100vw;
+    background: #000000;
+    color: white;
+    opacity: 0.6;
+}
 
 /*  ********* The Screens  ********* */