Differential D6733 Diff 22815 web/navigation-panels/topbar.css

Changeset View

Standalone View

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