mirror of
https://github.com/Matysh/houseplan-card
synced 2026-07-31 08:28:31 +00:00
feat v1.2.2: sticky card toolbar (floor tabs) under HA header on scroll; ha-card overflow visible (sticky fix)
This commit is contained in:
File diff suppressed because one or more lines are too long
Vendored
+11
-4
File diff suppressed because one or more lines are too long
+1
-1
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "houseplan-card",
|
"name": "houseplan-card",
|
||||||
"version": "1.2.1",
|
"version": "1.2.2",
|
||||||
"description": "Interactive house plan Lovelace card for Home Assistant (dacha Kirillovskoe)",
|
"description": "Interactive house plan Lovelace card for Home Assistant (dacha Kirillovskoe)",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ import { FLOOR_BG, FLOOR_BG_RECT } from './data/backgrounds';
|
|||||||
import { EXCLUDED_DOMAINS, GROUP_TITLES, iconFor, DOMAIN_PRIORITY } from './rules';
|
import { EXCLUDED_DOMAINS, GROUP_TITLES, iconFor, DOMAIN_PRIORITY } from './rules';
|
||||||
import './editor';
|
import './editor';
|
||||||
|
|
||||||
const CARD_VERSION = '1.2.1';
|
const CARD_VERSION = '1.2.2';
|
||||||
const LS_KEY = 'houseplan_card_layout_v1';
|
const LS_KEY = 'houseplan_card_layout_v1';
|
||||||
|
|
||||||
interface DevItem {
|
interface DevItem {
|
||||||
@@ -656,7 +656,10 @@ class HouseplanCard extends LitElement {
|
|||||||
--hp-open: #ff9f43;
|
--hp-open: #ff9f43;
|
||||||
}
|
}
|
||||||
ha-card {
|
ha-card {
|
||||||
overflow: hidden;
|
overflow: visible; /* overflow:hidden ломает position:sticky у шапки */
|
||||||
|
}
|
||||||
|
.head {
|
||||||
|
border-radius: var(--ha-card-border-radius, 12px) var(--ha-card-border-radius, 12px) 0 0;
|
||||||
}
|
}
|
||||||
.head {
|
.head {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -665,6 +668,10 @@ class HouseplanCard extends LitElement {
|
|||||||
padding: 10px 14px;
|
padding: 10px 14px;
|
||||||
border-bottom: 1px solid var(--hp-line);
|
border-bottom: 1px solid var(--hp-line);
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
position: sticky;
|
||||||
|
top: var(--header-height, 56px);
|
||||||
|
z-index: 20;
|
||||||
|
background: var(--card-background-color, var(--hp-bg));
|
||||||
}
|
}
|
||||||
.title {
|
.title {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
|
|||||||
Reference in New Issue
Block a user