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

Revert "Update developer-tools-template.ts: add independent scrollbars for left & right panels for large screens" (#23237)

Browse Source 
Revert "Update developer-tools-template.ts: add independent scrollbars for le…"

This reverts commit d1c981bc196f2e3c4ee2a2b82c9e7f2733b15382.
This commit is contained in:
Wendelin 2024-12-10 10:47:40 +01:00 committed by GitHub
parent 98af479fd3
commit b86d6021da
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 16 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
src/panels/developer-tools/template/developer-tools-template.ts
View File

@ -181,21 +181,17 @@ class HaPanelDevTemplate extends LitElement {
>` >`
: nothing} : nothing}
${this._templateResult ${this._templateResult
? html`<pre ? html`${this.hass.localize(
class="rendered ${classMap({ "ui.panel.developer-tools.tabs.templates.result_type"
[resultType]: resultType, )}:
})}" ${resultType}
> <!-- prettier-ignore -->
${type === "object" <pre class="rendered ${classMap({
? JSON.stringify(this._templateResult.result, null, 2) [resultType]: resultType,
: this._templateResult.result}</pre })}"
> >${type === "object"
<p> ? JSON.stringify(this._templateResult.result, null, 2)
${this.hass.localize( : this._templateResult.result}</pre>
"ui.panel.developer-tools.tabs.templates.result_type"
)}:
${resultType}
</p>
${this._templateResult.listeners.time ${this._templateResult.listeners.time
? html` ? html`
<p> <p>
@ -253,11 +249,11 @@ class HaPanelDevTemplate extends LitElement {
</ul> </ul>
` `
: !this._templateResult.listeners.time : !this._templateResult.listeners.time
? html`<p class="all_listeners"> ? html`<span class="all_listeners">
${this.hass.localize( ${this.hass.localize(
"ui.panel.developer-tools.tabs.templates.no_listeners" "ui.panel.developer-tools.tabs.templates.no_listeners"
)} )}
</p>` </span>`
: nothing}` : nothing}`
: nothing} : nothing}
</div> </div>
@ -285,10 +281,6 @@ class HaPanelDevTemplate extends LitElement {
max(16px, env(safe-area-inset-left)); max(16px, env(safe-area-inset-left));
} }
.content.horizontal {
--code-mirror-max-height: calc(100vh - 389px);
}
ha-card { ha-card {
margin-bottom: 16px; margin-bottom: 16px;
} }
@ -301,9 +293,8 @@ class HaPanelDevTemplate extends LitElement {
color: var(--primary-color); color: var(--primary-color);
} }
.content.horizontal > * { .horizontal .edit-pane {
width: 50%; max-width: 50%;
margin-bottom: 0px;
} }
.render-spinner { .render-spinner {
@ -325,21 +316,7 @@ class HaPanelDevTemplate extends LitElement {
white-space: pre-wrap; white-space: pre-wrap;
background-color: var(--secondary-background-color); background-color: var(--secondary-background-color);
padding: 8px; padding: 8px;
margin-top: 0;
margin-bottom: 0;
direction: ltr; direction: ltr;
overflow: auto;
}
p,
ul {
margin-block-end: 0;
}
.content.horizontal .render-pane .card-content {
display: flex;
flex-direction: column;
max-height: calc(var(--code-mirror-max-height) + 47px);
} }
.all_listeners { .all_listeners {
@ -347,7 +324,7 @@ class HaPanelDevTemplate extends LitElement {
} }
@media all and (max-width: 870px) { @media all and (max-width: 870px) {
.content ha-card { .render-pane {
max-width: 100%; max-width: 100%;
} }
} }