Changeset View
Changeset View
Standalone View
Standalone View
web/navigation-panels/topbar.css
.container { | .container { | ||||
border-bottom: 1px solid var(--border); | border-bottom: 1px solid var(--border); | ||||
height: 60px; | height: 60px; | ||||
display: flex; | |||||
flex-direction: row; | |||||
align-items: center; | |||||
} | } | ||||
.navigationPanelContainer { | .navigationPanelContainer { | ||||
flex-direction: row; | flex-direction: row; | ||||
display: flex; | display: flex; | ||||
height: 60px; | height: 60px; | ||||
} | } | ||||
.plusButton { | |||||
margin: 12px; | |||||
display: flex; | |||||
cursor: pointer; | |||||
color: var(--topbar-button-fg); | |||||
align-items: center; | |||||
justify-content: center; | |||||
background-color: var(--topbar-button-bg); | |||||
border-radius: 4px; | |||||
width: 32px; | |||||
height: 32px; | |||||
} | |||||
.plusButton:hover { | |||||
background-color: var(--topbar-button-bg-hover); | |||||
} | |||||
.navigationPanelTab { | .navigationPanelTab { | ||||
display: flex; | display: flex; | ||||
flex-direction: row; | flex-direction: row; | ||||
padding: 16px; | padding: 16px; | ||||
cursor: pointer; | cursor: pointer; | ||||
} | } | ||||
.navigationPanelTab svg { | .navigationPanelTab svg { | ||||
Show All 37 Lines | span.chatBadge { | ||||
width: 16px; | width: 16px; | ||||
height: 16px; | height: 16px; | ||||
color: var(--fg); | color: var(--fg); | ||||
background: var(--unread-bg); | background: var(--unread-bg); | ||||
border-radius: 13px; | border-radius: 13px; | ||||
font-size: 8px; | font-size: 8px; | ||||
line-height: 1.25; | line-height: 1.25; | ||||
} | } | ||||
.tabs { | |||||
display: flex; | |||||
overflow: auto; | |||||
max-width: calc(100% - 56px); | |||||
} |