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

Reduce margin between badges and cards (#22458)

Browse Source
This commit is contained in:
Paul Bottein 2024-10-21 18:18:56 +02:00 committed by GitHub
parent 1e05730ec7
commit e2a89a55b7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/panels/lovelace/views/hui-masonry-view.ts
View File

@ -296,7 +296,7 @@ export class MasonryView extends LitElement implements LovelaceViewElement {
hui-view-badges { hui-view-badges {
display: block; display: block;
margin: 12px 8px 20px 8px; margin: 4px 8px 4px 8px;
font-size: 85%; font-size: 85%;
} }

23
src/panels/lovelace/views/hui-sections-view.ts
View File

@ -142,6 +142,9 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
.badges=${this.badges} .badges=${this.badges}
.lovelace=${this.lovelace} .lovelace=${this.lovelace}
.viewIndex=${this.index} .viewIndex=${this.index}
style=${styleMap({
"--max-column-count": maxColumnCount,
})}
></hui-view-badges> ></hui-view-badges>
<ha-sortable <ha-sortable
.disabled=${!editMode} .disabled=${!editMode}
@ -324,6 +327,12 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
display: block; display: block;
} }
@media (max-width: 600px) {
:host {
--column-gap: var(--row-gap);
}
}
.container > * { .container > * {
position: relative; position: relative;
width: 100%; width: 100%;
@ -362,12 +371,6 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
grid-auto-flow: row dense; grid-auto-flow: row dense;
} }
@media (max-width: 600px) {
.container {
--column-gap: var(--row-gap);
}
}
.handle { .handle {
cursor: grab; cursor: grab;
padding: 8px; padding: 8px;
@ -399,8 +402,14 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
hui-view-badges { hui-view-badges {
display: block; display: block;
margin: 16px 8px;
text-align: center; text-align: center;
padding: 0 var(--column-gap);
padding-top: var(--row-gap);
margin: auto;
max-width: calc(
var(--max-column-count) * var(--column-max-width) +
(var(--max-column-count) - 1) * var(--column-gap)
);
} }
.section-header { .section-header {

2
src/panels/lovelace/views/hui-sidebar-view.ts
View File

@ -203,7 +203,7 @@ export class SideBarView extends LitElement implements LovelaceViewElement {
hui-view-badges { hui-view-badges {
display: block; display: block;
margin: 12px 8px 20px 8px; margin: 4px 8px 4px 8px;
font-size: 85%; font-size: 85%;
} }