From de61fc0c998acdfa29103b40ddc9424e66602158 Mon Sep 17 00:00:00 2001
From: Nimesh Jethva <nje@odoo.com>
Date: Tue, 18 Sep 2018 13:07:00 +0000
Subject: [PATCH] [FIX] point_of_sale: Customer display snippets issue

We were not able to choose the colors of customer display anymore.
---
 .../src/css/customer_facing_display.css       | 86 +++++++++----------
 1 file changed, 43 insertions(+), 43 deletions(-)

diff --git a/addons/point_of_sale/static/src/css/customer_facing_display.css b/addons/point_of_sale/static/src/css/customer_facing_display.css
index 47726247def..37d57fcbd71 100644
--- a/addons/point_of_sale/static/src/css/customer_facing_display.css
+++ b/addons/point_of_sale/static/src/css/customer_facing_display.css
@@ -454,19 +454,19 @@ body.editor_enable .pos-hidden {
 body.editor_enable #web_editor-toolbars .btn-group:not(.note-history) {
   display: none;
 }
-body.editor_enable #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .dropdown.oe_options.btn-group.snippet-option-pos_palette > ul {
+body.editor_enable #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .dropdown.oe_options.btn-group.snippet-option-pos_palette > .dropdown-menu {
   min-width: 100px;
   max-width: 100px;
 }
-body.editor_enable #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .dropdown.oe_options.btn-group.snippet-option-pos_palette > ul > .o_main_header {
+body.editor_enable #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .dropdown.oe_options.btn-group.snippet-option-pos_palette > .dropdown-menu > .o_main_header {
   display: none;
 }
-body.editor_enable #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .dropdown.oe_options.btn-group.snippet-option-pos_palette > ul > li > a {
+body.editor_enable #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .dropdown.oe_options.btn-group.snippet-option-pos_palette > .dropdown-menu > a {
   position: relative;
   padding: 14px 0!important;
   margin-bottom: 1px;
 }
-body.editor_enable #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .dropdown.oe_options.btn-group.snippet-option-pos_palette > ul > li > a:before {
+body.editor_enable #oe_manipulators .oe_overlay > .oe_overlay_options > .btn-group > .dropdown.oe_options.btn-group.snippet-option-pos_palette > .dropdown-menu > a:before {
   color: #05eb05;
 }
 body.editor_enable #oe_manipulators .no_parent_options .snippet-option-pos_palette,
@@ -494,10 +494,10 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
     background: #3E3E3E;
   }
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_01 {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_01 {
   background: #f6f6f6 !important;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_01:after {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_01:after {
   content: "";
   position: absolute;
   top: 0;
@@ -506,7 +506,7 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
   left: 50px;
   background: #3E3E3E;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_01:before {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_01:before {
   text-shadow: 0 0 1px #090909;
 }
 .pos-palette_02 .pos-payment_info {
@@ -530,10 +530,10 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
     background: #364152;
   }
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_02 {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_02 {
   background: #ecf2f6 !important;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_02:after {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_02:after {
   content: "";
   position: absolute;
   top: 0;
@@ -542,7 +542,7 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
   left: 50px;
   background: #364152;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_02:before {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_02:before {
   text-shadow: 0 0 1px #130d09;
 }
 .pos-palette_03 .pos-payment_info {
@@ -566,10 +566,10 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
     background: #1BA39C;
   }
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_03 {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_03 {
   background: #ececec !important;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_03:after {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_03:after {
   content: "";
   position: absolute;
   top: 0;
@@ -578,7 +578,7 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
   left: 50px;
   background: #1BA39C;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_03:before {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_03:before {
   text-shadow: 0 0 1px #131313;
 }
 .pos-palette_04 .pos-payment_info {
@@ -602,10 +602,10 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
     background: #0b7b6c;
   }
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_04 {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_04 {
   background: #efeeec !important;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_04:after {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_04:after {
   content: "";
   position: absolute;
   top: 0;
@@ -614,7 +614,7 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
   left: 50px;
   background: #0b7b6c;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_04:before {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_04:before {
   text-shadow: 0 0 1px #101113;
 }
 .pos-palette_05 .pos-payment_info {
@@ -638,10 +638,10 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
     background: #E26868;
   }
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_05 {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_05 {
   background: #ececec !important;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_05:after {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_05:after {
   content: "";
   position: absolute;
   top: 0;
@@ -650,7 +650,7 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
   left: 50px;
   background: #E26868;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_05:before {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_05:before {
   text-shadow: 0 0 1px #131313;
 }
 .pos-palette_06 .pos-payment_info {
@@ -674,10 +674,10 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
     background: #9E373B;
   }
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_06 {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_06 {
   background: #f6f6f6 !important;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_06:after {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_06:after {
   content: "";
   position: absolute;
   top: 0;
@@ -686,7 +686,7 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
   left: 50px;
   background: #9E373B;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_06:before {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_06:before {
   text-shadow: 0 0 1px #090909;
 }
 .pos-palette_07 .pos-payment_info {
@@ -710,10 +710,10 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
     background: #ce9934;
   }
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_07 {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_07 {
   background: #ececec !important;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_07:after {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_07:after {
   content: "";
   position: absolute;
   top: 0;
@@ -722,7 +722,7 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
   left: 50px;
   background: #ce9934;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_07:before {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_07:before {
   text-shadow: 0 0 1px #131313;
 }
 .pos-palette_08 .pos-payment_info {
@@ -746,10 +746,10 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
     background: #a48c77;
   }
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_08 {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_08 {
   background: #ececec !important;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_08:after {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_08:after {
   content: "";
   position: absolute;
   top: 0;
@@ -758,7 +758,7 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
   left: 50px;
   background: #a48c77;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_08:before {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_08:before {
   text-shadow: 0 0 1px #131313;
 }
 .pos-palette_09 .pos-payment_info {
@@ -782,10 +782,10 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
     background: linear-gradient(30deg, #014d43, #127e71);
   }
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_09 {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_09 {
   background: #ececec !important;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_09:after {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_09:after {
   content: "";
   position: absolute;
   top: 0;
@@ -794,7 +794,7 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
   left: 50px;
   background: linear-gradient(30deg, #014d43, #127e71);
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_09:before {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_09:before {
   text-shadow: 0 0 1px #131313;
 }
 .pos-palette_10 .pos-payment_info {
@@ -818,10 +818,10 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
     background: linear-gradient(30deg, #e2316c, #ea4c89);
   }
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_10 {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_10 {
   background: #ececec !important;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_10:after {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_10:after {
   content: "";
   position: absolute;
   top: 0;
@@ -830,7 +830,7 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
   left: 50px;
   background: linear-gradient(30deg, #e2316c, #ea4c89);
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_10:before {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_10:before {
   text-shadow: 0 0 1px #131313;
 }
 .pos-palette_11 .pos-payment_info {
@@ -854,10 +854,10 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
     background: linear-gradient(30deg, #362b3d, #5b4a63);
   }
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_11 {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_11 {
   background: #ececec !important;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_11:after {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_11:after {
   content: "";
   position: absolute;
   top: 0;
@@ -866,7 +866,7 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
   left: 50px;
   background: linear-gradient(30deg, #362b3d, #5b4a63);
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_11:before {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_11:before {
   text-shadow: 0 0 1px #131313;
 }
 .pos-palette_12 .pos-payment_info {
@@ -890,10 +890,10 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
     background: #434343;
   }
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_12 {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_12 {
   background: #5b5b5b !important;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_12:after {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_12:after {
   content: "";
   position: absolute;
   top: 0;
@@ -902,7 +902,7 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
   left: 50px;
   background: #434343;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_12:before {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_12:before {
   text-shadow: 0 0 1px #a4a4a4;
 }
 .pos-palette_13 .pos-payment_info {
@@ -926,10 +926,10 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
     background: linear-gradient(30deg, #1a1b1f, #3d3f45);
   }
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_13 {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_13 {
   background: #a2a2ab !important;
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_13:after {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_13:after {
   content: "";
   position: absolute;
   top: 0;
@@ -938,6 +938,6 @@ body.editor_enable #oe_manipulators .no_parent_options .o_parent_editor_header {
   left: 50px;
   background: linear-gradient(30deg, #1a1b1f, #3d3f45);
 }
-#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > ul > li > .pos-palette_13:before {
+#oe_manipulators .oe_overlay > .oe_overlay_options .snippet-option-pos_palette > .dropdown-menu > .pos-palette_13:before {
   text-shadow: 0 0 1px #5d5d54;
 }