From 61fdab294acae50081ed1c3eb7b52fe67d785d20 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Tue, 16 Jun 2020 22:29:38 +0200
Subject: [PATCH] Fix ha-card outline box shadow in firefox (#6174)

* Fix ha-card outline box shadow in firefox

* Add fallback for markdown code background
---
 src/components/buttons/ha-progress-button.js | 3 +++
 src/components/ha-card.ts                    | 2 +-
 src/components/ha-markdown.ts                | 2 +-
 src/resources/ha-style.ts                    | 3 +++
 4 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/buttons/ha-progress-button.js b/src/components/buttons/ha-progress-button.js
index 50212e9967..f9f7927172 100644
--- a/src/components/buttons/ha-progress-button.js
+++ b/src/components/buttons/ha-progress-button.js
@@ -8,6 +8,9 @@ class HaProgressButton extends PolymerElement {
   static get template() {
     return html`
       <style>
+        :host {
+          outline: none;
+        }
         .container {
           position: relative;
           display: inline-block;
diff --git a/src/components/ha-card.ts b/src/components/ha-card.ts
index 97ed27a7d7..9d48bca2cb 100644
--- a/src/components/ha-card.ts
+++ b/src/components/ha-card.ts
@@ -35,7 +35,7 @@ class HaCard extends LitElement {
       }
 
       :host([outlined]) {
-        box-shadow: 0 0 0 0;
+        box-shadow: none;
         border-width: 1px;
         border-style: solid;
         border-color: var(
diff --git a/src/components/ha-markdown.ts b/src/components/ha-markdown.ts
index b3f6b6b0c8..397a216cab 100644
--- a/src/components/ha-markdown.ts
+++ b/src/components/ha-markdown.ts
@@ -54,7 +54,7 @@ class HaMarkdown extends LitElement {
       }
       ha-markdown-element code,
       pre {
-        background-color: var(--markdown-code-background-color, #f6f8fa);
+        background-color: var(--markdown-code-background-color, none);
         border-radius: 3px;
       }
       ha-markdown-element code {
diff --git a/src/resources/ha-style.ts b/src/resources/ha-style.ts
index 6dfbfe1eed..faabedd8f8 100644
--- a/src/resources/ha-style.ts
+++ b/src/resources/ha-style.ts
@@ -86,6 +86,9 @@ documentContainer.innerHTML = `<custom-style>
       /* set our slider style */
       --ha-paper-slider-pin-font-size: 15px;
 
+      /* markdown styles */
+      --markdown-code-background-color: #f6f8fa;
+
       /* rgb */
       --rgb-primary-color: 3, 169, 244;
       --rgb-accent-color: 255, 152, 0;