fix border 2022.11

matt8707 · Nov 4, 2022 · 2699776 · 2699776
1 parent 3a30304
commit 2699776
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 2 deletions.
diff --git a/button_card_templates/base.yaml b/button_card_templates/base.yaml
@@ -74,6 +74,7 @@ base:
       - line-height: 115%
     card:
       - border-radius: var(--button-card-border-radius)
+      - border-width: 0
       - -webkit-tap-highlight-color: rgba(0,0,0,0)
       - transition: none
       - --mdc-ripple-color: >

diff --git a/button_card_templates/sidebar.yaml b/button_card_templates/sidebar.yaml
@@ -17,6 +17,7 @@ sidebar:
   extra_styles: >
     #card {
       padding: 0;
+      border-width: 0;
       font-family: SF Pro Display, Roboto, system-ui;
     }
     #container {

diff --git a/configuration.yaml b/configuration.yaml
@@ -37,7 +37,7 @@ lovelace:
 
       { url: '/local/marked.min.js?v=4.2.1',                                        type: module },
       { url: '/local/vanilla-tilt.min.js?v=1.7.3',                                  type: module },
-      { url: '/local/browser_mod_icon.js?v=0.3',                                    type: module },
+      { url: '/local/browser_mod_icon.js?v=0.5',                                    type: module },
       { url: '/local/fonts.css?v=2.1',                                              type: css }
     ]
 

diff --git a/themes.yaml b/themes.yaml
@@ -9,7 +9,7 @@ themes:
     #edited default dark mode
     ha-card-box-shadow: none
     ha-card-background: none
-    ha-card-border-width: 0px
+
     grid-card-gap: 5%
     masonry-view-card-margin: 0px
     state-icon-color: '#9da0a2'
@@ -286,6 +286,10 @@ themes:
       }
 
     card-mod-more-info-yaml: |
+      .: |
+        :host {
+          --ha-card-border-width: 0;
+        }
       ha-header-bar$: |
         header {
           background: var(--tablet-popup-header-color) !important;

diff --git a/www/browser_mod_icon.js b/www/browser_mod_icon.js
@@ -10,3 +10,13 @@ style.textContent = `
 `;
 
 document.head.appendChild(style);
+
+// preload disabled card border in popups
+
+const popup = document.querySelector("body > browser-mod-popup");
+
+if (popup) {
+  popup.style.cssText += `
+    --ha-card-border-width: 0;
+  `;
+}