jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-25 18:26:35 +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; top: auto;
box-shadow: var(--ha-card-box-shadow, none); box-shadow: var(--ha-card-box-shadow, none);
background-color: var(--card-background-color); 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-width: var(--ha-card-border-width, 1px);
border-style: solid; border-style: solid;
border-color: var( 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-shadow: var(--ha-card-box-shadow, none);
box-sizing: border-box; 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-width: var(--ha-card-border-width, 1px);
border-style: solid; border-style: solid;
border-color: var( 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, --ha-card-border-color,
var(--divider-color, #e0e0e0) var(--divider-color, #e0e0e0)
); );
border-radius: var(--ha-card-border-radius, 16px); border-radius: var(--ha-card-border-radius, 12px);
} }
.summary-icon { .summary-icon {

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

@ -16,7 +16,7 @@
.content { .content {
box-sizing: border-box; box-sizing: border-box;
padding: 20px 16px; padding: 20px 16px;
border-radius: var(--ha-card-border-radius, 16px); border-radius: var(--ha-card-border-radius, 12px);
max-width: 432px; max-width: 432px;
margin: 64px auto 0; margin: 64px auto 0;
box-shadow: var( 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 { img {
border-radius: var(--ha-card-border-radius, 16px); border-radius: var(--ha-card-border-radius, 12px);
width: 100%; 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 { ha-alert {
display: block; display: block;
margin-bottom: 16px; margin-bottom: 16px;
border-radius: var(--ha-card-border-radius, 16px); border-radius: var(--ha-card-border-radius, 12px);
overflow: hidden; overflow: hidden;
} }
.handle { .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; 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, 16px); border-top-right-radius: var(--ha-card-border-radius, 12px);
border-top-left-radius: var(--ha-card-border-radius, 16px); border-top-left-radius: var(--ha-card-border-radius, 12px);
} }
.testing.active { .testing.active {
max-height: 100px; 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 { ha-alert {
display: block; display: block;
margin-bottom: 16px; margin-bottom: 16px;
border-radius: var(--ha-card-border-radius, 16px); border-radius: var(--ha-card-border-radius, 12px);
overflow: hidden; overflow: hidden;
} }
.handle { .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; 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, 16px); border-top-right-radius: var(--ha-card-border-radius, 12px);
border-top-left-radius: var(--ha-card-border-radius, 16px); border-top-left-radius: var(--ha-card-border-radius, 12px);
} }
.triggered.active { .triggered.active {
max-height: 100px; 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; --mdc-icon-button-size: 32px;
transition: height 0.1s; transition: height 0.1s;
overflow: hidden; overflow: hidden;
border-top-left-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, 16px); border-top-right-radius: var(--ha-card-border-radius, 12px);
} }
.hasMultiple.single .back-btn { .hasMultiple.single .back-btn {
height: 24px; 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); 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, 16px); border-top-left-radius: var(--ha-card-border-radius, 12px);
border-top-right-radius: var(--ha-card-border-radius, 16px); border-top-right-radius: var(--ha-card-border-radius, 12px);
} }
.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, 16px); border-top-left-radius: var(--ha-card-border-radius, 12px);
border-top-right-radius: var(--ha-card-border-radius, 16px); border-top-right-radius: var(--ha-card-border-radius, 12px);
margin-bottom: 16px; margin-bottom: 16px;
overflow: hidden; overflow: hidden;
} }
.footer { .footer {
border-bottom-left-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, 16px); border-bottom-right-radius: var(--ha-card-border-radius, 12px);
margin-top: -16px; margin-top: -16px;
overflow: hidden; 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; flex: 1;
min-width: 0; min-width: 0;
min-height: 40px; 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; transition: background-color 180ms ease-in-out;
} }
ha-tile-info:focus { 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; max-width: 500px;
display: flex; display: flex;
flex-direction: column; 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); 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, 16px); border-radius: var(--ha-card-border-radius, 12px);
} }
.manual { .manual {