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

Use expandable instead of advanced mode toggle (#25052)

Browse Source
This commit is contained in:
Bram Kragten 2025-04-14 14:35:30 +02:00 committed by GitHub
parent cd91e8c07c
commit 2f086f4d00
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 163 additions and 149 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/panels/config/helpers/dialog-helper-detail.ts
View File

@ -403,7 +403,7 @@ export class DialogHelperDetail extends LitElement {
ha-dialog {
--dialog-content-padding: 0;
--dialog-scroll-divider-color: transparent;
--mdc-dialog-max-height: 60vh;
--mdc-dialog-max-height: 90vh;
}
@media all and (min-width: 550px) {
ha-dialog {

2
src/panels/config/helpers/forms/dialog-schedule-block-info.ts
View File

@ -139,7 +139,7 @@ class DialogScheduleBlockInfo extends LitElement {
return this.hass!.localize("ui.dialogs.helper_settings.schedule.data");
case "advanced_settings":
return this.hass!.localize(
"ui.dialogs.helper_settings.schedule.advanced_settings"
"ui.dialogs.helper_settings.generic.advanced_settings"
);
}
return "";

12
src/panels/config/helpers/forms/ha-counter-form.ts
View File

@ -2,6 +2,7 @@ import type { CSSResultGroup } from "lit";
import { css, html, LitElement, nothing } from "lit";
import { customElement, property, state } from "lit/decorators";
import { fireEvent } from "../../../../common/dom/fire_event";
import "../../../../components/ha-expansion-panel";
import "../../../../components/ha-icon-picker";
import "../../../../components/ha-switch";
import type { HaSwitch } from "../../../../components/ha-switch";
@ -118,8 +119,12 @@ class HaCounterForm extends LitElement {
"ui.dialogs.helper_settings.counter.initial"
)}
></ha-textfield>
${this.hass.userData?.showAdvanced
? html`
<ha-expansion-panel
header=${this.hass.localize(
"ui.dialogs.helper_settings.generic.advanced_settings"
)}
outlined
>
<ha-textfield
.value=${this._step}
.configValue=${"step"}
@ -142,8 +147,7 @@ class HaCounterForm extends LitElement {
)}
</div>
</div>
`
: ""}
</ha-expansion-panel>
</div>
`;
}

12
src/panels/config/helpers/forms/ha-input_number-form.ts
View File

@ -2,6 +2,7 @@ import type { CSSResultGroup } from "lit";
import { css, html, LitElement, nothing } from "lit";
import { customElement, property, state } from "lit/decorators";
import { fireEvent } from "../../../../common/dom/fire_event";
import "../../../../components/ha-expansion-panel";
import "../../../../components/ha-formfield";
import "../../../../components/ha-icon-picker";
import "../../../../components/ha-radio";
@ -118,8 +119,12 @@ class HaInputNumberForm extends LitElement {
"ui.dialogs.helper_settings.input_number.max"
)}
></ha-textfield>
${this.hass.userData?.showAdvanced
? html`
<ha-expansion-panel
header=${this.hass.localize(
"ui.dialogs.helper_settings.generic.advanced_settings"
)}
outlined
>
<div class="layout horizontal center justified">
${this.hass.localize(
"ui.dialogs.helper_settings.input_number.mode"
@ -168,8 +173,7 @@ class HaInputNumberForm extends LitElement {
"ui.dialogs.helper_settings.input_number.unit_of_measurement"
)}
></ha-textfield>
`
: ""}
</ha-expansion-panel>
</div>
`;
}

22
src/panels/config/helpers/forms/ha-input_text-form.ts
View File

@ -2,6 +2,7 @@ import type { CSSResultGroup } from "lit";
import { css, html, LitElement, nothing } from "lit";
import { customElement, property, state } from "lit/decorators";
import { fireEvent } from "../../../../common/dom/fire_event";
import "../../../../components/ha-expansion-panel";
import "../../../../components/ha-form/ha-form";
import "../../../../components/ha-formfield";
import "../../../../components/ha-icon-picker";
@ -88,8 +89,12 @@ class HaInputTextForm extends LitElement {
"ui.dialogs.helper_settings.generic.icon"
)}
></ha-icon-picker>
${this.hass.userData?.showAdvanced
? html`
<ha-expansion-panel
header=${this.hass.localize(
"ui.dialogs.helper_settings.generic.advanced_settings"
)}
outlined
>
<ha-textfield
.value=${this._min}
.configValue=${"min"}
@ -113,9 +118,7 @@ class HaInputTextForm extends LitElement {
)}
></ha-textfield>
<div class="layout horizontal center justified">
${this.hass.localize(
"ui.dialogs.helper_settings.input_text.mode"
)}
${this.hass.localize("ui.dialogs.helper_settings.input_text.mode")}
<ha-formfield
.label=${this.hass.localize(
"ui.dialogs.helper_settings.input_text.text"
@ -152,8 +155,7 @@ class HaInputTextForm extends LitElement {
"ui.dialogs.helper_settings.input_text.pattern_helper"
)}
></ha-textfield>
`
: ""}
</ha-expansion-panel>
</div>
`;
}
@ -195,10 +197,14 @@ class HaInputTextForm extends LitElement {
.row {
padding: 16px 0;
}
ha-textfield {
ha-textfield,
ha-icon-picker {
display: block;
margin: 8px 0;
}
ha-expansion-panel {
margin-top: 16px;
}
`,
];
}

6
src/translations/en.json
View File

@ -1601,7 +1601,8 @@
"required_error_msg": "This field is required",
"generic": {
"name": "Name",
"icon": "Icon"
"icon": "Icon",
"advanced_settings": "Advanced settings"
},
"input_datetime": {
"date": "Date",
@ -1655,8 +1656,7 @@
"edit_schedule_block": "Edit schedule block",
"start": "Start",
"end": "End",
"data": "Additional data",
"advanced_settings": "Advanced settings"
"data": "Additional data"
},
"template": {
"time": "[%key:ui::panel::developer-tools::tabs::templates::time%]",