We remove the "close session" button to prevent an employee to have access to the back end if not eligible.

For example:
User A start a pos session.
Employee B, not related to User A, could close the session and have access to the back end as User A.

This commit also allows to display the select cashier popup correctly in mobile view.

Task-id: 2244289

addons/point_of_sale/static/src/css/pos.css

@@ -3603,3 +3603,7 @@ td {
     bottom: 5%;
     font-size: 17px;
 }
+
+.pos .pos-topheader .oe_status:hover {
+    background: rgb(104,69,95);
+}

addons/pos_hr/static/src/css/pos.css

@@ -101,11 +101,6 @@
         border-color: #00A09D;
         height: 38px;
     }
-    .pos .popups .popup-selection {
-        width: 90%;
-        left: initial;
-        right: initial;
-    }
     .pos .login-barcode-text {
         color: #adb5bd;
         margin-top: 8px;

addons/pos_hr/static/src/js/LoginScreen.js

@@ -30,9 +30,6 @@ odoo.define('pos_hr.LoginScreen', function (require) {
         get shopName() {
             return this.env.pos.config.name;
         }
-        closeSession() {
-            this.trigger('close-pos');
-        }
         async selectCashier() {
             const list = this.env.pos.employees.map((employee) => {
                 return {

addons/pos_hr/static/src/xml/LoginScreen.xml

@@ -18,11 +18,6 @@
                                 t-on-click="selectCashier">Select Cashier</button>
                     </span>
                 </div>
-                <div class="login-footer">
-                    <small>
-                        <button class="login-button close-session" t-on-click="closeSession">Close session</button>
-                    </small>
-                </div>
             </div>
         </div>
     </t>