Merge pull request #622 from dermotduffy/menu-corners

Fix menu rounded corners
This commit is contained in:
Dermot Duffy
2022-05-31 19:27:15 -07:00
committed by GitHub
+15 -2
View File
@@ -44,12 +44,25 @@ div.opposing {
width: 100%;
background: var(--secondary-background-color);
}
:host([data-style='outside'][data-position='top']) {
/************************************
* Match menu rounded corners to card
************************************/
:host([data-position='top']),
:host([data-position='left']) {
border-top-left-radius: var(--ha-card-border-radius, 4px);
}
:host([data-position='top']),
:host([data-position='right']) {
border-top-right-radius: var(--ha-card-border-radius, 4px);
}
:host([data-style='outside']:not([data-position='top'])) {
:host([data-position='bottom']),
:host([data-position='left']) {
border-bottom-left-radius: var(--ha-card-border-radius, 4px);
}
:host([data-position='bottom']),
:host([data-position='right']) {
border-bottom-right-radius: var(--ha-card-border-radius, 4px);
}