flan/advanced-camera-card
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix curves borders on Safari

Browse Source
This commit is contained in:
Dermot Duffy
2022-06-25 14:11:40 -07:00
parent 1ba478cac5
commit 0184174a52
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/card.scss
+3 -1
View File
@@ -24,6 +24,9 @@ div.main {
// boundary. // boundary.
border-radius: var(--ha-card-border-radius, 4px); border-radius: var(--ha-card-border-radius, 4px);
// Necessary to get Safari to show border-radius correctly.
transform: translateZ(0);
// Include the borders in the sizing (to keep the triggered warning pulse // Include the borders in the sizing (to keep the triggered warning pulse
// visible in fullscreen). // visible in fullscreen).
box-sizing: border-box; box-sizing: border-box;
@@ -78,7 +81,6 @@ ha-card {
position: static; position: static;
color: var(--secondary-text-color, white); color: var(--secondary-text-color, white);
background-color: var(--secondary-background-color, black); background-color: var(--secondary-background-color, black);
border-radius: var(--ha-card-border-radius, 4px);
} }
frigate-card-live.hidden { frigate-card-live.hidden {