mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-25 10:16:46 +00:00
Reduce margin between badges and cards (#22458)
This commit is contained in:
parent
1e05730ec7
commit
e2a89a55b7
@ -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%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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 {
|
||||||
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user