From 99c29c37f8734a7cf4ddb05fac1ea12439a1e59f Mon Sep 17 00:00:00 2001
From: kujiu <kujiu@users.noreply.github.com>
Date: Thu, 28 Jun 2018 12:30:11 +0200
Subject: [PATCH] [FIX] Bad layout for button Published/Unpublished (#25476)

---
 addons/web/static/src/scss/ui.scss                       | 5 +++++
 addons/website/static/src/xml/website.pageProperties.xml | 2 +-
 addons/website/views/website_navbar_templates.xml        | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/addons/web/static/src/scss/ui.scss b/addons/web/static/src/scss/ui.scss
index d88f21f83a1..88c79c8018a 100644
--- a/addons/web/static/src/scss/ui.scss
+++ b/addons/web/static/src/scss/ui.scss
@@ -13,3 +13,8 @@
 [aria-hidden="true"], [aria-hidden="1"] {
     display: none!important;
 }
+
+.bg-transparent {
+    background: inherit;
+    border: none;
+}
diff --git a/addons/website/static/src/xml/website.pageProperties.xml b/addons/website/static/src/xml/website.pageProperties.xml
index 7ee6b1fb485..357ff5cbfd9 100644
--- a/addons/website/static/src/xml/website.pageProperties.xml
+++ b/addons/website/static/src/xml/website.pageProperties.xml
@@ -126,7 +126,7 @@
                     <label class="control-label col-sm-3" for="is_published">Publish</label>
                     <div class="col-sm-2">
                         <a>
-                            <button class="o_switch js_publish_btn">
+                            <button class="o_switch js_publish_btn bg-transparent">
                                 <input type="checkbox" t-att-checked="widget.page.website_published ? true : undefined" id="is_published"/>
                                 <span/>
                             </button>
diff --git a/addons/website/views/website_navbar_templates.xml b/addons/website/views/website_navbar_templates.xml
index 48d02464655..972df961acb 100644
--- a/addons/website/views/website_navbar_templates.xml
+++ b/addons/website/views/website_navbar_templates.xml
@@ -61,7 +61,7 @@
                 <ul class="o_menu_systray hidden-xs" groups="website.group_website_publisher">
                     <li t-if="'website_published' in main_object.fields_get()" t-attf-class="js_publish_management #{main_object.website_published and 'css_published' or 'css_unpublished'}" t-att-data-id="main_object.id" t-att-data-object="main_object._name" t-att-data-controller="publish_controller">
                         <a>
-                            <button class="o_switch o_switch_danger js_publish_btn">
+                            <button class="o_switch o_switch_danger js_publish_btn bg-transparent">
                                 <input type="checkbox" t-att-checked="main_object.website_published" id="id"/>
                                 <span/>
                                 <span class="css_publish">Unpublished</span>