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

css is dumb

Browse Source
This commit is contained in:
Ian Richardson 2019-02-14 23:16:09 -06:00
parent 456880c7cf
commit 56c1920cc1
3 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -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",

26
src/panels/lovelace/components/notifications/hui-notifications-button.ts
View File

@ -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
View File

@ -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"