<commit_before>@import '~@talend/bootstrap-theme/src/theme/animation';

@mixin ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

@mixin input-text($weight) {
	color: $black;
	font-size: $tc-input-subheader-size-medium;
	font-weight: $weight;
}

$tc-input-subheader-size-large: 2.4rem !default;
$tc-input-subheader-size-medium: 1.4rem !default;
$tc-input-subheader-size-small: 1rem !default;
$tc-input-subheader-title-weight: 900 !default;
$tc-input-subheader-input-weight: $form-base-font-weight !default;
$tc-input-subheader-sub-title-weight: 300 !default;

:global(.tc-subheader-details-blink) {
	@include heartbeat(object-blink);
}

.tc-subheader-details {
	display: flex;
	margin: 0;
	height: 100%;

	&-icon {
		align-self: center;
		width: $tc-input-subheader-size-large;
		height: $tc-input-subheader-size-large;
		color: $brand-primary;
		margin-right: $padding-large;
	}

	& &-text {
		display: flex;
		flex-direction: column;
		justify-content: center;
		overflow: hidden;
		flex: 1 auto;
		margin-right: 110px;
		max-width: 45rem;

		&-title {
			display: inline-flex;
			align-items: center;

			&-wording,
			&-wording-button {
				@include input-text($tc-input-subheader-title-weight);
				@include ellipsis;
				text-transform: uppercase;
				margin: 0;
			}

			&-wording-button {
				padding: 0;
				letter-spacing: inherit;
				line-height: inherit;

				&:global(.btn-link) {
					color: $black;

					&:focus,
					&:hover,
					&:active {
						color: $black;
					}
				}
			}

			&-pencil {
				display: inline-flex;
				align-items: center;
				padding-left: $padding-small;
				padding-right: $padding-small;

				&:global(.btn-link) {
					color: $gallery;
				}
			}
		}

		&-subtitle {
			@include ellipsis;
			color: $dark-silver;
			font-size: $tc-input-subheader-size-medium;
			font-weight: $tc-input-subheader-sub-title-weight;
		}
	}
	& &-form {
		display: flex;
		align-items: center;
		padding-left: $padding-large;

		& .tc-subheader-details-form-input {
			@include input-text($tc-input-subheader-input-weight);
			width: 18rem;
			&::selection {
				background: lighten($scooter, 25%);
			}
		}

		&-buttons {
			display: flex;

			&-icon {
				border: 0.2rem solid currentColor;
				width: $tc-input-subheader-size-large;
				height: $tc-input-subheader-size-large;
				display: flex;
				border-radius: 50%;
				padding: 0;
				margin-left: $padding-large;
				justify-content: center;
				align-items: center;

				> svg {
					width: $tc-input-subheader-size-medium;
					height: $tc-input-subheader-size-medium;
				}

				&:last-child {
					margin-left: $padding-small;

					> svg {
						width: $tc-input-subheader-size-small;
						height: $tc-input-subheader-size-small;
					}
				}
			}
		}

		:global(.form-group) {
			padding-top: 0;
		}
	}
}
<commit_msg>fix(Component/SubHeaderBar): edition button color (#1347)<commit_after>@import '~@talend/bootstrap-theme/src/theme/animation';

@mixin ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

@mixin input-text($weight) {
	color: $black;
	font-size: $tc-input-subheader-size-medium;
	font-weight: $weight;
}

$tc-input-subheader-size-large: 2.4rem !default;
$tc-input-subheader-size-medium: 1.4rem !default;
$tc-input-subheader-size-small: 1rem !default;
$tc-input-subheader-title-weight: 900 !default;
$tc-input-subheader-input-weight: $form-base-font-weight !default;
$tc-input-subheader-sub-title-weight: 300 !default;

:global(.tc-subheader-details-blink) {
	@include heartbeat(object-blink);
}

.tc-subheader-details {
	display: flex;
	margin: 0;
	height: 100%;

	&-icon {
		align-self: center;
		width: $tc-input-subheader-size-large;
		height: $tc-input-subheader-size-large;
		color: $brand-primary;
		margin-right: $padding-large;
	}

	& &-text {
		display: flex;
		flex-direction: column;
		justify-content: center;
		overflow: hidden;
		flex: 1 auto;
		margin-right: 110px;
		max-width: 45rem;

		&-title {
			display: inline-flex;
			align-items: center;

			&-wording,
			&-wording-button {
				@include input-text($tc-input-subheader-title-weight);
				@include ellipsis;
				text-transform: uppercase;
				margin: 0;
			}

			&-wording-button {
				padding: 0;
				letter-spacing: inherit;
				line-height: inherit;

				&:global(.btn-link) {
					color: $black;

					&:focus,
					&:hover,
					&:active {
						color: $black;
					}
				}
			}

			&-pencil {
				display: inline-flex;
				align-items: center;
				padding-left: $padding-small;
				padding-right: $padding-small;

				&:global(.btn-link) {
					color: $silver;
				}
			}
		}

		&-subtitle {
			@include ellipsis;
			color: $dark-silver;
			font-size: $tc-input-subheader-size-medium;
			font-weight: $tc-input-subheader-sub-title-weight;
		}
	}
	& &-form {
		display: flex;
		align-items: center;
		padding-left: $padding-large;

		& .tc-subheader-details-form-input {
			@include input-text($tc-input-subheader-input-weight);
			width: 18rem;
			&::selection {
				background: lighten($scooter, 25%);
			}
		}

		&-buttons {
			display: flex;

			&-icon {
				border: 0.2rem solid currentColor;
				width: $tc-input-subheader-size-large;
				height: $tc-input-subheader-size-large;
				display: flex;
				border-radius: 50%;
				padding: 0;
				margin-left: $padding-large;
				justify-content: center;
				align-items: center;

				> svg {
					width: $tc-input-subheader-size-medium;
					height: $tc-input-subheader-size-medium;
				}

				&:last-child {
					margin-left: $padding-small;

					> svg {
						width: $tc-input-subheader-size-small;
						height: $tc-input-subheader-size-small;
					}
				}
			}
		}

		:global(.form-group) {
			padding-top: 0;
		}
	}
}

{'fraction_non_alphanumeric': 0.16133543086872923, 'fraction_numerical': 0.012235623142807201, 'mean_word_length': 2.8872282608695654, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '1119701', 'n_tokens_mistral': 2688, 'n_tokens_neox': 2130, 'n_words': 364}