mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-23 01:06:35 +00:00
Align border radius (#14124)
This commit is contained in:
parent
6c4c65730c
commit
62de708b2b
@ -161,7 +161,7 @@ export class HaExpansionPanel extends LitElement {
|
||||
--ha-card-border-color,
|
||||
var(--divider-color, #e0e0e0)
|
||||
);
|
||||
border-radius: var(--ha-card-border-radius, 4px);
|
||||
border-radius: var(--ha-card-border-radius, 16px);
|
||||
}
|
||||
|
||||
.summary-icon {
|
||||
|
@ -647,7 +647,7 @@ class HaConfigAreaPage extends SubscribeMixin(LitElement) {
|
||||
}
|
||||
|
||||
img {
|
||||
border-radius: var(--ha-card-border-radius, 4px);
|
||||
border-radius: var(--ha-card-border-radius, 16px);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
@ -493,8 +493,8 @@ export default class HaAutomationConditionRow extends LitElement {
|
||||
overflow: hidden;
|
||||
transition: max-height 0.3s;
|
||||
text-align: center;
|
||||
border-top-right-radius: var(--ha-card-border-radius, 4px);
|
||||
border-top-left-radius: var(--ha-card-border-radius, 4px);
|
||||
border-top-right-radius: var(--ha-card-border-radius, 16px);
|
||||
border-top-left-radius: var(--ha-card-border-radius, 16px);
|
||||
}
|
||||
.testing.active {
|
||||
max-height: 100px;
|
||||
|
@ -605,8 +605,8 @@ export default class HaAutomationTriggerRow extends LitElement {
|
||||
overflow: hidden;
|
||||
transition: max-height 0.3s;
|
||||
text-align: center;
|
||||
border-top-right-radius: var(--ha-card-border-radius, 4px);
|
||||
border-top-left-radius: var(--ha-card-border-radius, 4px);
|
||||
border-top-right-radius: var(--ha-card-border-radius, 16px);
|
||||
border-top-left-radius: var(--ha-card-border-radius, 16px);
|
||||
}
|
||||
.triggered.active {
|
||||
max-height: 100px;
|
||||
|
@ -542,10 +542,6 @@ class HaPanelConfig extends HassRouterPage {
|
||||
"--app-header-border-bottom",
|
||||
"1px solid var(--divider-color)"
|
||||
);
|
||||
this.style.setProperty(
|
||||
"--ha-card-border-radius",
|
||||
"var(--ha-config-card-border-radius, 8px)"
|
||||
);
|
||||
}
|
||||
|
||||
protected updatePageEl(el) {
|
||||
|
@ -929,6 +929,10 @@ export class HaIntegrationCard extends LitElement {
|
||||
color: var(--secondary-text-color);
|
||||
--mdc-menu-min-width: 200px;
|
||||
}
|
||||
paper-listbox {
|
||||
border-radius: 0 0 var(--ha-card-border-radius, 16px)
|
||||
var(--ha-card-border-radius, 16px);
|
||||
}
|
||||
@media (min-width: 563px) {
|
||||
ha-card.group {
|
||||
position: relative;
|
||||
|
@ -129,8 +129,8 @@ export class HaIntegrationHeader extends LitElement {
|
||||
color: var(--text-on-state-color);
|
||||
text-align: center;
|
||||
padding: 2px;
|
||||
border-top-left-radius: var(--ha-card-border-radius, 4px);
|
||||
border-top-right-radius: var(--ha-card-border-radius, 4px);
|
||||
border-top-left-radius: var(--ha-card-border-radius, 16px);
|
||||
border-top-right-radius: var(--ha-card-border-radius, 16px);
|
||||
}
|
||||
.header {
|
||||
display: flex;
|
||||
|
@ -278,15 +278,15 @@ class HuiEntitiesCard extends LitElement implements LovelaceCard {
|
||||
}
|
||||
|
||||
.header {
|
||||
border-top-left-radius: var(--ha-card-border-radius, 2px);
|
||||
border-top-right-radius: var(--ha-card-border-radius, 2px);
|
||||
border-top-left-radius: var(--ha-card-border-radius, 16px);
|
||||
border-top-right-radius: var(--ha-card-border-radius, 16px);
|
||||
margin-bottom: 16px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.footer {
|
||||
border-bottom-left-radius: var(--ha-card-border-radius, 2px);
|
||||
border-bottom-right-radius: var(--ha-card-border-radius, 2px);
|
||||
border-bottom-left-radius: var(--ha-card-border-radius, 16px);
|
||||
border-bottom-right-radius: var(--ha-card-border-radius, 16px);
|
||||
margin-top: -16px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
@ -352,7 +352,7 @@ export class HuiCardPicker extends LitElement {
|
||||
max-width: 500px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border-radius: var(--ha-card-border-radius, 4px);
|
||||
border-radius: var(--ha-card-border-radius, 16px);
|
||||
background: var(--primary-background-color, #fafafa);
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
@ -407,7 +407,7 @@ export class HuiCardPicker extends LitElement {
|
||||
box-sizing: border-box;
|
||||
border: var(--ha-card-border-width, 1px) solid
|
||||
var(--ha-card-border-color, var(--divider-color));
|
||||
border-radius: var(--ha-card-border-radius, 4px);
|
||||
border-radius: var(--ha-card-border-radius, 16px);
|
||||
}
|
||||
|
||||
.manual {
|
||||
|
Loading…
x
Reference in New Issue
Block a user