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

Merge pull request #5402 from zsarnett/shopping-card-fix

Browse Source 
Shopping List Card: Padding Bottom
This commit is contained in:
Bram Kragten 2020-04-02 11:37:07 +02:00 committed by GitHub
commit 4c4549eb37
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/panels/lovelace/cards/hui-shopping-list-card.ts
View File

@ -27,6 +27,7 @@ import {
import { ShoppingListCardConfig, SensorCardConfig } from "./types";
import { applyThemesOnElement } from "../../../common/dom/apply_themes_on_element";
import { actionHandler } from "../common/directives/action-handler-directive";
import { classMap } from "lit-html/directives/class-map";
@customElement("hui-shopping-list-card")
class HuiShoppingListCard extends LitElement implements LovelaceCard {
@ -108,7 +109,12 @@ class HuiShoppingListCard extends LitElement implements LovelaceCard {
}
return html`
<ha-card .header="${this._config.title}">
<ha-card
.header=${this._config.title}
class=${classMap({
"has-header": "title" in this._config,
})}
>
<div class="addRow">
<ha-icon
class="addButton"
@ -209,6 +215,15 @@ class HuiShoppingListCard extends LitElement implements LovelaceCard {
static get styles(): CSSResult {
return css`
ha-card {
padding-bottom: 16px;
padding-top: 16px;
}
.has-header {
padding-top: 0;
}
.editRow,
.addRow {
display: flex;