jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-26 02:36:37 +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, --ha-card-border-color,
var(--divider-color, #e0e0e0) var(--divider-color, #e0e0e0)
); );
border-radius: var(--ha-card-border-radius, 4px); border-radius: var(--ha-card-border-radius, 16px);
} }
.summary-icon { .summary-icon {

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

@ -647,7 +647,7 @@ class HaConfigAreaPage extends SubscribeMixin(LitElement) {
} }
img { img {
border-radius: var(--ha-card-border-radius, 4px); border-radius: var(--ha-card-border-radius, 16px);
width: 100%; 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; 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, 4px); border-top-right-radius: var(--ha-card-border-radius, 16px);
border-top-left-radius: var(--ha-card-border-radius, 4px); border-top-left-radius: var(--ha-card-border-radius, 16px);
} }
.testing.active { .testing.active {
max-height: 100px; 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; 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, 4px); border-top-right-radius: var(--ha-card-border-radius, 16px);
border-top-left-radius: var(--ha-card-border-radius, 4px); border-top-left-radius: var(--ha-card-border-radius, 16px);
} }
.triggered.active { .triggered.active {
max-height: 100px; 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", "--app-header-border-bottom",
"1px solid var(--divider-color)" "1px solid var(--divider-color)"
); );
this.style.setProperty(
"--ha-card-border-radius",
"var(--ha-config-card-border-radius, 8px)"
);
} }
protected updatePageEl(el) { 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); color: var(--secondary-text-color);
--mdc-menu-min-width: 200px; --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) { @media (min-width: 563px) {
ha-card.group { ha-card.group {
position: relative; 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); color: var(--text-on-state-color);
text-align: center; text-align: center;
padding: 2px; padding: 2px;
border-top-left-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, 4px); border-top-right-radius: var(--ha-card-border-radius, 16px);
} }
.header { .header {
display: flex; display: flex;

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

@ -278,15 +278,15 @@ class HuiEntitiesCard extends LitElement implements LovelaceCard {
} }
.header { .header {
border-top-left-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, 2px); border-top-right-radius: var(--ha-card-border-radius, 16px);
margin-bottom: 16px; margin-bottom: 16px;
overflow: hidden; overflow: hidden;
} }
.footer { .footer {
border-bottom-left-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, 2px); border-bottom-right-radius: var(--ha-card-border-radius, 16px);
margin-top: -16px; margin-top: -16px;
overflow: hidden; 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; max-width: 500px;
display: flex; display: flex;
flex-direction: column; 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); background: var(--primary-background-color, #fafafa);
cursor: pointer; cursor: pointer;
position: relative; position: relative;
@ -407,7 +407,7 @@ export class HuiCardPicker extends LitElement {
box-sizing: border-box; box-sizing: border-box;
border: var(--ha-card-border-width, 1px) solid border: var(--ha-card-border-width, 1px) solid
var(--ha-card-border-color, var(--divider-color)); 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 { .manual {