mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-28 11:46:42 +00:00
Improve sidebar styling (#25172)
This commit is contained in:
parent
c7ca654926
commit
94c8665528
@ -875,8 +875,6 @@ class HaSidebar extends SubscribeMixin(LitElement) {
|
||||
|
||||
ha-md-list {
|
||||
padding: 4px 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
box-sizing: border-box;
|
||||
height: calc(100% - var(--header-height) - 132px);
|
||||
height: calc(
|
||||
@ -888,11 +886,13 @@ class HaSidebar extends SubscribeMixin(LitElement) {
|
||||
}
|
||||
|
||||
ha-md-list-item {
|
||||
flex-shrink: 0;
|
||||
box-sizing: border-box;
|
||||
margin: 4px;
|
||||
border-radius: 4px;
|
||||
height: 40px;
|
||||
--md-list-item-one-line-container-height: 40px;
|
||||
--md-list-item-top-space: 0;
|
||||
--md-list-item-bottom-space: 0;
|
||||
width: 48px;
|
||||
position: relative;
|
||||
--md-list-item-label-text-color: var(--sidebar-text-color);
|
||||
@ -981,13 +981,12 @@ class HaSidebar extends SubscribeMixin(LitElement) {
|
||||
|
||||
ha-md-list-item.user {
|
||||
--md-list-item-leading-icon-size: 40px;
|
||||
--md-list-item-bottom-space: 12px;
|
||||
--md-list-item-leading-space: 4px;
|
||||
--md-list-item-trailing-space: 4px;
|
||||
}
|
||||
|
||||
ha-user-badge {
|
||||
flex-shrink: 0;
|
||||
margin-right: -8px;
|
||||
}
|
||||
|
||||
.spacer {
|
||||
|
Loading…
x
Reference in New Issue
Block a user