jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-23 09:16:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Align border radius (#14124)

Browse Source
This commit is contained in:
Bram Kragten 2022-10-19 10:49:47 +02:00 committed by GitHub
parent 6c4c65730c
commit 62de708b2b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ha-expansion-panel.ts
View File

@ -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 {

2
src/panels/config/areas/ha-config-area-page.ts
View File

@ -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%;
}

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

@ -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;

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

@ -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;

4
src/panels/config/ha-panel-config.ts
View File

@ -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) {

4
src/panels/config/integrations/ha-integration-card.ts
View File

@ -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;

4
src/panels/config/integrations/ha-integration-header.ts
View File

@ -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;

8
src/panels/lovelace/cards/hui-entities-card.ts
View File

@ -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;
}

4
src/panels/lovelace/editor/card-editor/hui-card-picker.ts
View File

@ -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 {