mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-23 01:06:35 +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 {
|
||||
display: block;
|
||||
margin: 12px 8px 20px 8px;
|
||||
margin: 4px 8px 4px 8px;
|
||||
font-size: 85%;
|
||||
}
|
||||
|
||||
|
@ -142,6 +142,9 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
|
||||
.badges=${this.badges}
|
||||
.lovelace=${this.lovelace}
|
||||
.viewIndex=${this.index}
|
||||
style=${styleMap({
|
||||
"--max-column-count": maxColumnCount,
|
||||
})}
|
||||
></hui-view-badges>
|
||||
<ha-sortable
|
||||
.disabled=${!editMode}
|
||||
@ -324,6 +327,12 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
:host {
|
||||
--column-gap: var(--row-gap);
|
||||
}
|
||||
}
|
||||
|
||||
.container > * {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
@ -362,12 +371,6 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
|
||||
grid-auto-flow: row dense;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.container {
|
||||
--column-gap: var(--row-gap);
|
||||
}
|
||||
}
|
||||
|
||||
.handle {
|
||||
cursor: grab;
|
||||
padding: 8px;
|
||||
@ -399,8 +402,14 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
|
||||
|
||||
hui-view-badges {
|
||||
display: block;
|
||||
margin: 16px 8px;
|
||||
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 {
|
||||
|
@ -203,7 +203,7 @@ export class SideBarView extends LitElement implements LovelaceViewElement {
|
||||
|
||||
hui-view-badges {
|
||||
display: block;
|
||||
margin: 12px 8px 20px 8px;
|
||||
margin: 4px 8px 4px 8px;
|
||||
font-size: 85%;
|
||||
}
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user