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

update border radius to 12px (#14201)

Browse Source
This commit is contained in:
Paul Bottein 2022-10-26 18:54:05 +02:00 committed by GitHub
parent 504e8dd946
commit 57291183ca
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
14 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/date-range-picker.ts
View File

@ -113,7 +113,7 @@ class DateRangePickerElement extends WrappedElement {
top: auto;
box-shadow: var(--ha-card-box-shadow, none);
background-color: var(--card-background-color);
border-radius: var(--ha-card-border-radius, 16px);
border-radius: var(--ha-card-border-radius, 12px);
border-width: var(--ha-card-border-width, 1px);
border-style: solid;
border-color: var(

2
src/components/ha-card.ts
View File

@ -16,7 +16,7 @@ export class HaCard extends LitElement {
);
box-shadow: var(--ha-card-box-shadow, none);
box-sizing: border-box;
border-radius: var(--ha-card-border-radius, 16px);
border-radius: var(--ha-card-border-radius, 12px);
border-width: var(--ha-card-border-width, 1px);
border-style: solid;
border-color: var(

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, 16px);
border-radius: var(--ha-card-border-radius, 12px);
}
.summary-icon {

2
src/html/onboarding.html.template
View File

@ -16,7 +16,7 @@
.content {
box-sizing: border-box;
padding: 20px 16px;
border-radius: var(--ha-card-border-radius, 16px);
border-radius: var(--ha-card-border-radius, 12px);
max-width: 432px;
margin: 64px auto 0;
box-shadow: var(

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, 16px);
border-radius: var(--ha-card-border-radius, 12px);
width: 100%;
}

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

@ -317,7 +317,7 @@ export default class HaAutomationAction extends LitElement {
ha-alert {
display: block;
margin-bottom: 16px;
border-radius: var(--ha-card-border-radius, 16px);
border-radius: var(--ha-card-border-radius, 12px);
overflow: hidden;
}
.handle {

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

@ -505,8 +505,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, 16px);
border-top-left-radius: var(--ha-card-border-radius, 16px);
border-top-right-radius: var(--ha-card-border-radius, 12px);
border-top-left-radius: var(--ha-card-border-radius, 12px);
}
.testing.active {
max-height: 100px;

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

@ -346,7 +346,7 @@ export default class HaAutomationCondition extends LitElement {
ha-alert {
display: block;
margin-bottom: 16px;
border-radius: var(--ha-card-border-radius, 16px);
border-radius: var(--ha-card-border-radius, 12px);
overflow: hidden;
}
.handle {

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

@ -617,8 +617,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, 16px);
border-top-left-radius: var(--ha-card-border-radius, 16px);
border-top-right-radius: var(--ha-card-border-radius, 12px);
border-top-left-radius: var(--ha-card-border-radius, 12px);
}
.triggered.active {
max-height: 100px;

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

@ -875,8 +875,8 @@ export class HaIntegrationCard extends LitElement {
--mdc-icon-button-size: 32px;
transition: height 0.1s;
overflow: hidden;
border-top-left-radius: var(--ha-card-border-radius, 16px);
border-top-right-radius: var(--ha-card-border-radius, 16px);
border-top-left-radius: var(--ha-card-border-radius, 12px);
border-top-right-radius: var(--ha-card-border-radius, 12px);
}
.hasMultiple.single .back-btn {
height: 24px;

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, 16px);
border-top-right-radius: var(--ha-card-border-radius, 16px);
border-top-left-radius: var(--ha-card-border-radius, 12px);
border-top-right-radius: var(--ha-card-border-radius, 12px);
}
.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, 16px);
border-top-right-radius: var(--ha-card-border-radius, 16px);
border-top-left-radius: var(--ha-card-border-radius, 12px);
border-top-right-radius: var(--ha-card-border-radius, 12px);
margin-bottom: 16px;
overflow: hidden;
}
.footer {
border-bottom-left-radius: var(--ha-card-border-radius, 16px);
border-bottom-right-radius: var(--ha-card-border-radius, 16px);
border-bottom-left-radius: var(--ha-card-border-radius, 12px);
border-bottom-right-radius: var(--ha-card-border-radius, 12px);
margin-top: -16px;
overflow: hidden;
}

2
src/panels/lovelace/cards/hui-tile-card.ts
View File

@ -231,7 +231,7 @@ export class HuiTileCard extends LitElement implements LovelaceCard {
flex: 1;
min-width: 0;
min-height: 40px;
border-radius: calc(var(--ha-card-border-radius, 12px) - 2px);
border-radius: calc(var(--ha-card-border-radius, 10px) - 2px);
transition: background-color 180ms ease-in-out;
}
ha-tile-info:focus {

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, 16px);
border-radius: var(--ha-card-border-radius, 12px);
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, 16px);
border-radius: var(--ha-card-border-radius, 12px);
}
.manual {