Changeset View

Standalone View

	div.topBarContainer {			div.topBarContainer {
	display: flex;			display: flex;
	background-color: var(--bg);			background-color: var(--bg);
	align-items: center;			align-items: center;
	justify-content: space-between;			justify-content: space-between;
	padding: 16px;			padding: 16px;
	color: var(--thread-top-bar-color);			color: var(--thread-top-bar-color);
	border-bottom: 1px solid var(--border);			border-bottom: 1px solid var(--border);
	}			}

	div.topBarThreadInfo {			div.topBarThreadInfo {
	height: 24px;			height: 24px;
	display: flex;			display: flex;
	align-items: center;			align-items: center;
	column-gap: 8px;			column-gap: 8px;
				overflow: hidden;
	}			}

	div.threadColorSquare {			div.threadColorSquare {
	width: 24px;			width: 24px;
	height: 24px;			height: 24px;
	border-radius: 4px;			border-radius: 4px;
				flex: 0 0 auto;
	}			}

	p.threadTitle {			.threadTitle {
	font-size: var(--m-font-16);			font-size: var(--m-font-16);
	font-weight: var(--bold);			font-weight: var(--bold);
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
	}			}

	button.topBarMenu {			button.topBarMenu {
	background-color: transparent;			background-color: transparent;
	border: none;			border: none;
	cursor: pointer;			cursor: pointer;
	color: var(--thread-top-bar-menu-color);			color: var(--thread-top-bar-menu-color);
	}			}