Changeset View
Changeset View
Standalone View
Standalone View
web/sidebar/left-layout-aside.css
Show All 11 Lines | |||||
.navigationPanelTab { | .navigationPanelTab { | ||||
display: flex; | display: flex; | ||||
flex-direction: row; | flex-direction: row; | ||||
padding: 12px 0 12px 28px; | padding: 12px 0 12px 28px; | ||||
cursor: pointer; | cursor: pointer; | ||||
} | } | ||||
.navigationPanelTab svg { | |||||
padding-right: 12px; | |||||
color: var(--color-disabled); | |||||
stroke: var(--color-disabled); | |||||
fill: var(--color-disabled); | |||||
} | |||||
.navigationPanelTab p { | .navigationPanelTab p { | ||||
color: var(--color-disabled); | color: var(--color-disabled); | ||||
} | } | ||||
.navigationPanelTab:hover p, | .navigationPanelTab:hover p, | ||||
.navigationPanelTab:hover svg, | div.current_tab p { | ||||
div.current_tab p, | |||||
div.current_tab svg { | |||||
color: var(--fg); | color: var(--fg); | ||||
stroke: var(--fg); | stroke: var(--fg); | ||||
fill: var(--fg); | fill: var(--fg); | ||||
} | } | ||||
.container p { | .container p { | ||||
display: flex; | display: flex; | ||||
align-content: center; | align-content: center; | ||||
} | } | ||||
.chatIconWrapper { | |||||
position: relative; | |||||
} | |||||
span.chatBadge { | |||||
position: absolute; | |||||
top: -4px; | |||||
left: 13px; | |||||
box-sizing: border-box; | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: center; | |||||
width: 16px; | |||||
height: 16px; | |||||
color: var(--fg); | |||||
background: var(--unread-bg); | |||||
border-radius: 13px; | |||||
font-size: 8px; | |||||
line-height: 1.25; | |||||
} |