jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 11:46:42 +00:00
Code Issues Packages Projects Releases Wiki 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
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 5 deletions
Show Stats 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 {