Home-Assistant/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-12-20 02:38:53 +00:00
Code Activity

Improve sidebar styling (#25172)

Browse Source
This commit is contained in:
Bram Kragten
2025-04-25 13:16:07 +02:00
committed by GitHub
parent c7ca654926
commit 94c8665528
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/ha-sidebar.ts
View File

@@ -875,8 +875,6 @@ class HaSidebar extends SubscribeMixin(LitElement) {
ha-md-list { ha-md-list {
padding: 4px 0; padding: 4px 0;
display: flex;
flex-direction: column;
box-sizing: border-box; box-sizing: border-box;
height: calc(100% - var(--header-height) - 132px); height: calc(100% - var(--header-height) - 132px);
height: calc( height: calc(
@@ -888,11 +886,13 @@ class HaSidebar extends SubscribeMixin(LitElement) {
} }
ha-md-list-item { ha-md-list-item {
flex-shrink: 0;
box-sizing: border-box; box-sizing: border-box;
margin: 4px; margin: 4px;
border-radius: 4px; border-radius: 4px;
height: 40px;
--md-list-item-one-line-container-height: 40px; --md-list-item-one-line-container-height: 40px;
--md-list-item-top-space: 0;
--md-list-item-bottom-space: 0;
width: 48px; width: 48px;
position: relative; position: relative;
--md-list-item-label-text-color: var(--sidebar-text-color); --md-list-item-label-text-color: var(--sidebar-text-color);
@@ -981,13 +981,12 @@ class HaSidebar extends SubscribeMixin(LitElement) {
ha-md-list-item.user { ha-md-list-item.user {
--md-list-item-leading-icon-size: 40px; --md-list-item-leading-icon-size: 40px;
--md-list-item-bottom-space: 12px;
--md-list-item-leading-space: 4px; --md-list-item-leading-space: 4px;
--md-list-item-trailing-space: 4px;
} }
ha-user-badge { ha-user-badge {
flex-shrink: 0; flex-shrink: 0;
margin-right: -8px;
} }
.spacer { .spacer {