Home-Assistant/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2026-04-17 15:45:43 +01:00
Code Activity

Fix inner border radius for disabled bar in automation/script rows (#24840)

Browse Source
This commit is contained in:
Jan-Philipp Benecke
2025-03-29 09:54:09 +01:00
committed by GitHub
parent 34f8335a9d
commit db6c728cd6
5 changed files with 78 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/panels/config/automation/action/ha-automation-action-row.ts
View File

@@ -652,8 +652,18 @@ export default class HaAutomationActionRow extends LitElement {
.disabled-bar {
background: var(--divider-color, #e0e0e0);
text-align: center;
border-top-right-radius: var(--ha-card-border-radius, 12px);
border-top-left-radius: var(--ha-card-border-radius, 12px);
border-top-right-radius: calc(
var(--ha-card-border-radius, 12px) - var(
--ha-card-border-width,
1px
)
);
border-top-left-radius: calc(
var(--ha-card-border-radius, 12px) - var(
--ha-card-border-width,
1px
)
);
}
.warning ul {
margin: 4px 0;

28
src/panels/config/automation/condition/ha-automation-condition-row.ts
View File

@@ -535,8 +535,18 @@ export default class HaAutomationConditionRow extends LitElement {
.disabled-bar {
background: var(--divider-color, #e0e0e0);
text-align: center;
border-top-right-radius: var(--ha-card-border-radius, 12px);
border-top-left-radius: var(--ha-card-border-radius, 12px);
border-top-right-radius: calc(
var(--ha-card-border-radius, 12px) - var(
--ha-card-border-width,
1px
)
);
border-top-left-radius: calc(
var(--ha-card-border-radius, 12px) - var(
--ha-card-border-width,
1px
)
);
}
.testing {
position: absolute;
@@ -552,8 +562,18 @@ 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, 12px);
border-top-left-radius: var(--ha-card-border-radius, 12px);
border-top-right-radius: calc(
var(--ha-card-border-radius, 12px) - var(
--ha-card-border-width,
1px
)
);
border-top-left-radius: calc(
var(--ha-card-border-radius, 12px) - var(
--ha-card-border-width,
1px
)
);
}
.testing.active {
max-height: 100px;

28
src/panels/config/automation/trigger/ha-automation-trigger-row.ts
View File

@@ -681,8 +681,18 @@ export default class HaAutomationTriggerRow extends LitElement {
.disabled-bar {
background: var(--divider-color, #e0e0e0);
text-align: center;
border-top-right-radius: var(--ha-card-border-radius, 12px);
border-top-left-radius: var(--ha-card-border-radius, 12px);
border-top-right-radius: calc(
var(--ha-card-border-radius, 12px) - var(
--ha-card-border-width,
1px
)
);
border-top-left-radius: calc(
var(--ha-card-border-radius, 12px) - var(
--ha-card-border-width,
1px
)
);
}
.triggered {
cursor: pointer;
@@ -699,8 +709,18 @@ 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, 12px);
border-top-left-radius: var(--ha-card-border-radius, 12px);
border-top-right-radius: calc(
var(--ha-card-border-radius, 12px) - var(
--ha-card-border-width,
1px
)
);
border-top-left-radius: calc(
var(--ha-card-border-radius, 12px) - var(
--ha-card-border-width,
1px
)
);
}
.triggered.active {
max-height: 100px;

14
src/panels/config/script/ha-script-field-row.ts
View File

@@ -327,8 +327,18 @@ export default class HaScriptFieldRow extends LitElement {
.disabled-bar {
background: var(--divider-color, #e0e0e0);
text-align: center;
border-top-right-radius: var(--ha-card-border-radius, 12px);
border-top-left-radius: var(--ha-card-border-radius, 12px);
border-top-right-radius: calc(
var(--ha-card-border-radius, 12px) - var(
--ha-card-border-width,
1px
)
);
border-top-left-radius: calc(
var(--ha-card-border-radius, 12px) - var(
--ha-card-border-width,
1px
)
);
}
ha-list-item[disabled] {

8
src/panels/lovelace/editor/conditions/ha-card-condition-editor.ts
View File

@@ -321,8 +321,12 @@ export class HaCardConditionEditor extends LitElement {
overflow: hidden;
transition: max-height 0.3s;
text-align: center;
border-top-right-radius: var(--ha-card-border-radius, 12px);
border-top-left-radius: var(--ha-card-border-radius, 12px);
border-top-right-radius: calc(
var(--ha-card-border-radius, 12px) - var(--ha-card-border-width, 1px)
);
border-top-left-radius: calc(
var(--ha-card-border-radius, 12px) - var(--ha-card-border-width, 1px)
);
}
.testing.active {
max-height: 100px;