<commit_before>.dropDown-logout-button {
	border-radius: $global-border-radius;
	color: var(--color-nav-link, $white);

	&:focus,
	&:hover,
	&[aria-expanded="true"] {
		background-color: $navigation-hover-bg-color;

	}

	&:focus,
	&:hover {
		.dropDown-logout-initials {
			background-color: rgba(0, 0, 0, 0.2);
		}
	}

	&[aria-expanded="true"] {
		.dropDown-logout-initials {
			background-color: rgba(0, 0, 0, 0.5);
		}
	}
}

.dropDown-logout-text {
	margin-top: auto;
	margin-bottom: auto;
}

// yes, but only on HUGE screens for looooooooooong accounts
@include respond-to(1400, 'min') {
	.dropDown-logout-displayName {
		max-width: 15em;
	}
}

.dropDown-logout-email {
	font-size: 1rem;
}<commit_msg>[CP-1186] Fix account display (ellipsis not properly done)<commit_after>.dropDown-logout-button {
	border-radius: $global-border-radius;
	color: var(--color-nav-link, $white);

	&:focus,
	&:hover,
	&[aria-expanded="true"] {
		background-color: $navigation-hover-bg-color;

	}

	&:focus,
	&:hover {
		.dropDown-logout-initials {
			background-color: rgba(0, 0, 0, 0.2);
		}
	}

	&[aria-expanded="true"] {
		.dropDown-logout-initials {
			background-color: rgba(0, 0, 0, 0.5);
		}
	}
}

.dropDown-logout-text {
	margin-top: auto;
	margin-bottom: auto;
}

// yes, but only on HUGE screens for looooooooooong accounts
@include respond-to(1400, 'min') {
	.dropDown-logout-button {
		max-width: 18em;
	}
}

.dropDown-logout-email {
	font-size: 1rem;
}
{'fraction_non_alphanumeric': 0.1813793103448276, 'fraction_numerical': 0.02620689655172414, 'mean_word_length': 3.635782747603834, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 2, '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': '2492757', 'n_tokens_mistral': 666, 'n_tokens_neox': 600, 'n_words': 105}