mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-25 10:16:46 +00:00
css is dumb
This commit is contained in:
parent
456880c7cf
commit
56c1920cc1
@ -37,7 +37,6 @@
|
|||||||
"@polymer/iron-pages": "^3.0.1",
|
"@polymer/iron-pages": "^3.0.1",
|
||||||
"@polymer/iron-resizable-behavior": "^3.0.1",
|
"@polymer/iron-resizable-behavior": "^3.0.1",
|
||||||
"@polymer/neon-animation": "^3.0.1",
|
"@polymer/neon-animation": "^3.0.1",
|
||||||
"@polymer/paper-badge": "^3.0.1",
|
|
||||||
"@polymer/paper-button": "^3.0.1",
|
"@polymer/paper-button": "^3.0.1",
|
||||||
"@polymer/paper-card": "^3.0.1",
|
"@polymer/paper-card": "^3.0.1",
|
||||||
"@polymer/paper-checkbox": "^3.0.1",
|
"@polymer/paper-checkbox": "^3.0.1",
|
||||||
|
@ -6,7 +6,6 @@ import {
|
|||||||
CSSResult,
|
CSSResult,
|
||||||
property,
|
property,
|
||||||
} from "lit-element";
|
} from "lit-element";
|
||||||
import "@polymer/paper-badge/paper-badge";
|
|
||||||
import "@polymer/paper-icon-button/paper-icon-button";
|
import "@polymer/paper-icon-button/paper-icon-button";
|
||||||
import { fireEvent } from "../../../../common/dom/fire_event";
|
import { fireEvent } from "../../../../common/dom/fire_event";
|
||||||
|
|
||||||
@ -22,7 +21,9 @@ class HuiNotificationsButton extends LitElement {
|
|||||||
></paper-icon-button>
|
></paper-icon-button>
|
||||||
${this.notifications
|
${this.notifications
|
||||||
? html`
|
? html`
|
||||||
<paper-badge .label="${this.notifications.length}"></paper-badge>
|
<span class="indicator">
|
||||||
|
<div>${this.notifications.length}</div>
|
||||||
|
</span>
|
||||||
`
|
`
|
||||||
: ""}
|
: ""}
|
||||||
`;
|
`;
|
||||||
@ -34,9 +35,24 @@ class HuiNotificationsButton extends LitElement {
|
|||||||
:host {
|
:host {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
paper-badge {
|
|
||||||
left: 23px !important;
|
.indicator {
|
||||||
top: 0px !important;
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
right: -3px;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: var(--accent-color);
|
||||||
|
pointer-events: none;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.indicator > div {
|
||||||
|
right: 7px;
|
||||||
|
top: 3px;
|
||||||
|
position: absolute;
|
||||||
|
font-size: 0.55em;
|
||||||
}
|
}
|
||||||
`,
|
`,
|
||||||
];
|
];
|
||||||
|
11
yarn.lock
11
yarn.lock
@ -1148,17 +1148,6 @@
|
|||||||
"@polymer/iron-selector" "^3.0.0-pre.26"
|
"@polymer/iron-selector" "^3.0.0-pre.26"
|
||||||
"@polymer/polymer" "^3.0.0"
|
"@polymer/polymer" "^3.0.0"
|
||||||
|
|
||||||
"@polymer/paper-badge@^3.0.1":
|
|
||||||
version "3.0.1"
|
|
||||||
resolved "https://registry.yarnpkg.com/@polymer/paper-badge/-/paper-badge-3.0.1.tgz#ea973090342c66f99ea6ef1d32fc534ee40630e8"
|
|
||||||
integrity sha512-9lHB/AFPuDAY/+OPNio1Mi6JUAM8yQqzJEAkk99IwcCl9VB6uCjlrXVfistrYIv7z+Wy4SZHNEtA6xR1+FhCDg==
|
|
||||||
dependencies:
|
|
||||||
"@polymer/iron-flex-layout" "^3.0.0-pre.26"
|
|
||||||
"@polymer/iron-icon" "^3.0.0-pre.26"
|
|
||||||
"@polymer/iron-resizable-behavior" "^3.0.0-pre.26"
|
|
||||||
"@polymer/paper-styles" "^3.0.0-pre.26"
|
|
||||||
"@polymer/polymer" "^3.0.0"
|
|
||||||
|
|
||||||
"@polymer/paper-behaviors@^3.0.0-pre.27":
|
"@polymer/paper-behaviors@^3.0.0-pre.27":
|
||||||
version "3.0.1"
|
version "3.0.1"
|
||||||
resolved "https://registry.yarnpkg.com/@polymer/paper-behaviors/-/paper-behaviors-3.0.1.tgz#83f1cd06489f484c1b108a2967fb01952df722ad"
|
resolved "https://registry.yarnpkg.com/@polymer/paper-behaviors/-/paper-behaviors-3.0.1.tgz#83f1cd06489f484c1b108a2967fb01952df722ad"
|
||||||
|
Loading…
x
Reference in New Issue
Block a user