From d021f52ec1f42bac23aff5256da8102f02d54a38 Mon Sep 17 00:00:00 2001 From: "Jordan D. (Joda)" Date: Tue, 3 Jan 2023 09:14:13 +0000 Subject: [PATCH] [FIX] point_of_sale: long floor name doesn't display properly How to reproduce ================= When entering a very long table name and / or a very long table name on the point of sale application, the text displayed on the "go back" button of the interface will overflow, making the name unreadable and not very pleasing to see. How the fix works ================= The fix just cut and hide the part of the text that is overflowing opw-3102914 closes odoo/odoo#112036 X-original-commit: 298b3578127b477e4e0e0dfec3db1222863d037a Signed-off-by: Trinh Jacky (trj) --- addons/pos_restaurant/static/src/scss/restaurant.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/addons/pos_restaurant/static/src/scss/restaurant.scss b/addons/pos_restaurant/static/src/scss/restaurant.scss index 6e4cf62e452..d1f1f4f5384 100644 --- a/addons/pos_restaurant/static/src/scss/restaurant.scss +++ b/addons/pos_restaurant/static/src/scss/restaurant.scss @@ -291,12 +291,15 @@ font-size: 16px; padding-left: 16px; padding-right: 16px; + overflow-wrap: anywhere; + text-overflow: hidden; } .pos .order-button.floor-button .table-name { margin-left: 5px; } .pos .order-button.floor-button .fa{ font-size: 24px; + line-height: 42px; } /* ------ ORDER LINE STATUS ------- */