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; | |||||
| } | |||||