<commit_before>.channeluserlist {
	/* TODO: Get rid of magic numbers... */
	position: fixed;
	top: 41px;
	right: 0;
	bottom: 72px;
	width: 280px;
	background-color: #fff;
	overflow: auto;
	z-index: 3;
	margin: 0;

	&:after {
		content: "";
		position: fixed;
		top: 41px;
		right: 279px;
		bottom: 72px;
		z-index: 11;
		width: 1px;
		background: rgba(0,0,51,.067);
		z-index: 4;
	}

	.app-container--with-notice & {
		top: 81px;
	}

	@media #{$mobile-media} {
		bottom: 57px;
		box-shadow: 0 0 60px 0 rgba(0,0,0,.5);
	}
}

.chatlines {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.chatview {
	margin-bottom: 20px;

	&--live-channel {
		margin-bottom: 80px;
	}

	&--logbrowsing {
		margin-top: 80px;

		.channeluserlist {
			top: 68px;
		}
	}

	&--userlisting {
		margin-right: 280px;
	}

	.line {
		padding: 0 20px;

		transition: .5s margin;

		&--with-context {
			margin: 10px 0;
		}

		&.flashing {
			position: relative;

			&:before {
				content: "";
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				background-color: rgba(0,0,0,.25);
				animation: 2s fadeOut;
				animation-fill-mode: forwards;
				pointer-events: none;
			}
		}

		&__context {
			&-before, &-after {
				background-color: #fff;
				border: 1px solid #ccc;
				max-height: 200px;
				overflow: auto;
				margin: 0 -11px;

				.line {
					padding: 0 10px;
				}
			}

			&-before--edged {
				border-bottom-color: #fff;
			}

			&-after--edged {
				border-top-color: #fff;
			}
		}
	}

	.msg > span {
		word-break: break-word;
	}

	.msg img {
		vertical-align: middle;
	}

	.line__channel,
	.line__channel a,
	.line time {
		color: #999;
		white-space: nowrap;
	}

	.line__context {
		float: right;

		&, a {
			margin-left: 10px;
		}
	}

	.msg__author a,
	.userevent__target,
	.userevent__target a,
	.bunchedevents a {
		color: inherit;
		white-space: nowrap;
	}

	.msg--action {
		font-style: italic;
	}

	.msg--action time {
		font-style: normal;
	}

	.line--highlight {
		background-color: #fff0aa;
		transition: 1s background-color;
	}

	.line--highlight.line--unseen-highlight {
		background-color: #e8da9b;
	}

	.msg--highlight mark {
		background-color: rgba(0,0,0,.1);
	}

	.userevent, .bunchedevents {
		position: relative;
		padding: 0 0 0 .6em;
		color: #999;

		&:before {
			content: "■";
			color: transparent;
			position: absolute;
			left: 0;
			bottom: .4em;
			width: .3em;
			height: .3em;
			background-color: #999;
			opacity: .8;
		}
	}

	.userevent--strong {
		color: #000;
		font-weight: bold;
	}<commit_msg>Another attempt at visually tweaking user events in chat view<commit_after>.channeluserlist {
	/* TODO: Get rid of magic numbers... */
	position: fixed;
	top: 41px;
	right: 0;
	bottom: 72px;
	width: 280px;
	background-color: #fff;
	overflow: auto;
	z-index: 3;
	margin: 0;

	&:after {
		content: "";
		position: fixed;
		top: 41px;
		right: 279px;
		bottom: 72px;
		z-index: 11;
		width: 1px;
		background: rgba(0,0,51,.067);
		z-index: 4;
	}

	.app-container--with-notice & {
		top: 81px;
	}

	@media #{$mobile-media} {
		bottom: 57px;
		box-shadow: 0 0 60px 0 rgba(0,0,0,.5);
	}
}

.chatlines {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.chatview {
	margin-bottom: 20px;

	&--live-channel {
		margin-bottom: 80px;
	}

	&--logbrowsing {
		margin-top: 80px;

		.channeluserlist {
			top: 68px;
		}
	}

	&--userlisting {
		margin-right: 280px;
	}

	.line {
		padding: 0 20px;

		transition: .5s margin;

		&--with-context {
			margin: 10px 0;
		}

		&.flashing {
			position: relative;

			&:before {
				content: "";
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				background-color: rgba(0,0,0,.25);
				animation: 2s fadeOut;
				animation-fill-mode: forwards;
				pointer-events: none;
			}
		}

		&__context {
			&-before, &-after {
				background-color: #fff;
				border: 1px solid #ccc;
				max-height: 200px;
				overflow: auto;
				margin: 0 -11px;

				.line {
					padding: 0 10px;
				}
			}

			&-before--edged {
				border-bottom-color: #fff;
			}

			&-after--edged {
				border-top-color: #fff;
			}
		}
	}

	.msg > span {
		word-break: break-word;
	}

	.msg img {
		vertical-align: middle;
	}

	.line__channel,
	.line__channel a,
	.line time {
		color: #999;
		white-space: nowrap;
	}

	.line__context {
		float: right;

		&, a {
			margin-left: 10px;
		}
	}

	.msg__author a,
	.userevent__target,
	.userevent__target a,
	.bunchedevents a {
		color: inherit;
		white-space: nowrap;
	}

	.msg--action {
		font-style: italic;
	}

	.msg--action time {
		font-style: normal;
	}

	.line--highlight {
		background-color: #fff0aa;
		transition: 1s background-color;
	}

	.line--highlight.line--unseen-highlight {
		background-color: #e8da9b;
	}

	.msg--highlight mark {
		background-color: rgba(0,0,0,.1);
	}

	.userevent, .bunchedevents {
		position: relative;
		padding: 0 0 0 .8em;
		color: #999;

		&:before {
			content: "■";
			color: transparent;
			position: absolute;
			left: .1em;
			bottom: .4em;
			width: .3em;
			height: .3em;
			background-color: #999;
			opacity: .8;
		}
	}

	.userevent--strong {
		color: #000;
		font-weight: bold;
	}
{'fraction_non_alphanumeric': 0.16107772824190736, 'fraction_numerical': 0.04341926729986431, 'mean_word_length': 2.451505016722408, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '335675', 'n_tokens_mistral': 2688, 'n_tokens_neox': 2123, 'n_words': 465}