Add and fix stylistic eslint rules (#23735)

* Fix stylistic eslint rules

* Fix eslint issues
This commit is contained in:
Wendelin
2025-01-14 21:00:14 +01:00
committed by GitHub
parent 69a93ddb6e
commit e703750136
582 changed files with 12485 additions and 13451 deletions

View File

@@ -1,5 +1,4 @@
import { mdiCheck, mdiClose } from "@mdi/js";
import type { CSSResultGroup } from "lit";
import { css, html, LitElement, nothing } from "lit";
import { customElement, property, query, state } from "lit/decorators";
import { ifDefined } from "lit/directives/if-defined";
@@ -178,70 +177,68 @@ export class DialogEnterCode
`;
}
static get styles(): CSSResultGroup {
return css`
ha-dialog {
/* Place above other dialogs */
--dialog-z-index: 104;
}
ha-textfield {
width: 100%;
max-width: 300px;
margin: auto;
}
.container {
display: flex;
align-items: center;
flex-direction: column;
}
static styles = css`
ha-dialog {
/* Place above other dialogs */
--dialog-z-index: 104;
}
ha-textfield {
width: 100%;
max-width: 300px;
margin: auto;
}
.container {
display: flex;
align-items: center;
flex-direction: column;
}
.keypad {
--keypad-columns: 3;
margin-top: 12px;
padding: 12px;
display: grid;
grid-template-columns: repeat(var(--keypad-columns), auto);
grid-auto-rows: auto;
grid-gap: 24px;
justify-items: center;
align-items: center;
}
.clear {
grid-row-start: 4;
grid-column-start: 0;
}
@media all and (max-height: 450px) {
.keypad {
--keypad-columns: 3;
margin-top: 12px;
padding: 12px;
display: grid;
grid-template-columns: repeat(var(--keypad-columns), auto);
grid-auto-rows: auto;
grid-gap: 24px;
justify-items: center;
align-items: center;
--keypad-columns: 6;
}
.clear {
grid-row-start: 4;
grid-column-start: 0;
}
@media all and (max-height: 450px) {
.keypad {
--keypad-columns: 6;
}
.clear {
grid-row-start: 1;
grid-column-start: 6;
}
grid-row-start: 1;
grid-column-start: 6;
}
}
ha-control-button {
width: 56px;
height: 56px;
--control-button-border-radius: 28px;
--mdc-icon-size: 24px;
font-size: 24px;
}
.submit {
--control-button-background-color: var(--green-color);
--control-button-icon-color: var(--green-color);
}
.clear {
--control-button-background-color: var(--red-color);
--control-button-icon-color: var(--red-color);
}
.hidden {
display: none;
}
.buttons {
margin-top: 12px;
}
`;
}
ha-control-button {
width: 56px;
height: 56px;
--control-button-border-radius: 28px;
--mdc-icon-size: 24px;
font-size: 24px;
}
.submit {
--control-button-background-color: var(--green-color);
--control-button-icon-color: var(--green-color);
}
.clear {
--control-button-background-color: var(--red-color);
--control-button-icon-color: var(--red-color);
}
.hidden {
display: none;
}
.buttons {
margin-top: 12px;
}
`;
}
declare global {