jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 03:36:44 +00:00
Code Issues Packages Projects Releases Wiki 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
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 78 additions and 14 deletions
Show Stats 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 { .disabled-bar {
background: var(--divider-color, #e0e0e0); background: var(--divider-color, #e0e0e0);
text-align: center; text-align: center;
border-top-right-radius: var(--ha-card-border-radius, 12px); border-top-right-radius: calc(
border-top-left-radius: var(--ha-card-border-radius, 12px); 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 { .warning ul {
margin: 4px 0; 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 { .disabled-bar {
background: var(--divider-color, #e0e0e0); background: var(--divider-color, #e0e0e0);
text-align: center; text-align: center;
border-top-right-radius: var(--ha-card-border-radius, 12px); border-top-right-radius: calc(
border-top-left-radius: var(--ha-card-border-radius, 12px); 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 { .testing {
position: absolute; position: absolute;
@ -552,8 +562,18 @@ export default class HaAutomationConditionRow extends LitElement {
overflow: hidden; overflow: hidden;
transition: max-height 0.3s; transition: max-height 0.3s;
text-align: center; text-align: center;
border-top-right-radius: var(--ha-card-border-radius, 12px); border-top-right-radius: calc(
border-top-left-radius: var(--ha-card-border-radius, 12px); 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 { .testing.active {
max-height: 100px; 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 { .disabled-bar {
background: var(--divider-color, #e0e0e0); background: var(--divider-color, #e0e0e0);
text-align: center; text-align: center;
border-top-right-radius: var(--ha-card-border-radius, 12px); border-top-right-radius: calc(
border-top-left-radius: var(--ha-card-border-radius, 12px); 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 { .triggered {
cursor: pointer; cursor: pointer;
@ -699,8 +709,18 @@ export default class HaAutomationTriggerRow extends LitElement {
overflow: hidden; overflow: hidden;
transition: max-height 0.3s; transition: max-height 0.3s;
text-align: center; text-align: center;
border-top-right-radius: var(--ha-card-border-radius, 12px); border-top-right-radius: calc(
border-top-left-radius: var(--ha-card-border-radius, 12px); 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 { .triggered.active {
max-height: 100px; 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 { .disabled-bar {
background: var(--divider-color, #e0e0e0); background: var(--divider-color, #e0e0e0);
text-align: center; text-align: center;
border-top-right-radius: var(--ha-card-border-radius, 12px); border-top-right-radius: calc(
border-top-left-radius: var(--ha-card-border-radius, 12px); 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] { 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; overflow: hidden;
transition: max-height 0.3s; transition: max-height 0.3s;
text-align: center; text-align: center;
border-top-right-radius: var(--ha-card-border-radius, 12px); border-top-right-radius: calc(
border-top-left-radius: var(--ha-card-border-radius, 12px); 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 { .testing.active {
max-height: 100px; max-height: 100px;