<commit_before>// Dialog Layers: alert, prompt, choice, confirmation, problem, toaster, spinner

/*
<div class="cui-layer-root cui-layer-root-layer cui-confirmation-dialog">
	<div class="cui-layer-backdrop"></div>
	<div class="cui-layer cui-modal cui-alert cui-confirmation-dialog cui-confirm cui-prompt">
		<div class="cui-simple-pane cui-vertical-layout cui-pane"> ... </div>
	</div>
	<div class="cui-layer-pointer"></div>
</div>
*/

// * Confirmation

.cui-confirmation-dialog {
	.cui-layer > .cui-layer-pane {
		> .cui-vertical-layout-center {
			max-width: 500px;

			// turn all labels into multiline labels
			.cui-label:not(.cui-label-markdown) {
				.cui-label-content {
					word-wrap: break-word;
					white-space: pre-wrap;
				}
			}
		}
	}
}

// detached from layer root, inline
.cui-layer.cui-confirmation-dialog--show-inline {
	// temp fix
	z-index: 1;
}

// * Confirmation Choice

.cui-confirmation-choice {
	.cui-layer > .cui-layer-pane {
		> .cui-vertical-layout-center {
			max-width: 300px; // don't make this bigger, make the text shorter
		}
	}
}

// * Alert

// .cui-alert {}

// * Toaster

.cui-layer-root-toaster .cui-layer {
	width: auto;
	max-width: none;
	min-width: 0;
	user-select: none;
	cursor: default;
}


// * Spinner

.cui-spinner {
	min-width: 0;
}<commit_msg>CUI; dialogs: remove unnecessary max-width<commit_after>// Dialog Layers: alert, prompt, choice, confirmation, problem, toaster, spinner

/*
<div class="cui-layer-root cui-layer-root-layer cui-confirmation-dialog">
	<div class="cui-layer-backdrop"></div>
	<div class="cui-layer cui-modal cui-alert cui-confirmation-dialog cui-confirm cui-prompt">
		<div class="cui-simple-pane cui-vertical-layout cui-pane"> ... </div>
	</div>
	<div class="cui-layer-pointer"></div>
</div>
*/

// * Confirmation

.cui-confirmation-dialog {
	.cui-layer > .cui-layer-pane {
		> .cui-vertical-layout-center {
			max-width: 500px;

			// turn all labels into multiline labels
			.cui-label:not(.cui-label-markdown) {
				.cui-label-content {
					word-wrap: break-word;
					white-space: pre-wrap;
				}
			}
		}
	}
}

// detached from layer root, inline
.cui-layer.cui-confirmation-dialog--show-inline {
	// temp fix
	z-index: 1;
}

// * Alert

// .cui-alert {}

// * Toaster

.cui-layer-root-toaster .cui-layer {
	width: auto;
	max-width: none;
	min-width: 0;
	user-select: none;
	cursor: default;
}


// * Spinner

.cui-spinner {
	min-width: 0;
}
{'fraction_non_alphanumeric': 0.17353668590272053, 'fraction_numerical': 0.006183017312448475, 'mean_word_length': 2.9852216748768474, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 29, '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': '1361004', 'n_tokens_mistral': 1028, 'n_tokens_neox': 940, 'n_words': 180}