mirror of
https://github.com/home-assistant/frontend.git
synced 2025-10-27 04:29:49 +00:00
Add and fix stylistic eslint rules (#23735)
* Fix stylistic eslint rules * Fix eslint issues
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user