<commit_before>// Layer

/*
<div class="cui-layer-root cui-layer-root-layer">
	<div class="cui-layer-backdrop"></div>
	<div class="cui-layer">
		<div class="cui-simple-pane cui-vertical-layout cui-pane"> ... </div>
	</div>
	<div class="cui-layer-pointer"></div>
</div>
*/

.cui-layer-root {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	pointer-events: none;

	&[cui-layer-fixed] {
		position: fixed !important;
	}

	.cui-layer {
		position: absolute;
		pointer-events: auto;
	}

	// centered gets placed by flex
	&[cui-placement='c'] {
		.cui-layer-pointer {
			display: none;
		}
	}

	&[cui-fill-space='both'] {
		.cui-layer {
			width: 100%;
			height: 100%;
		}
	}

	&[cui-fill-space='horizontal'] {
		.cui-layer {
			width: 100%;
		}
	}

	&[cui-fill-space='vertical'] {
		.cui-layer {
			height: 100%;
		}
	}
}


// * Backdrop

.cui-layer-backdrop {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	z-index: -1;

	&--visible {
		background: radial-gradient(hsla(205, 30%, 20%, 0.4), hsla(205, 30%, 20%, 0.6));
	}

	> div {
		flex: 1 1 auto;
		background-size: cover;
		background-repeat: no-repeat;
	}
}

.cui-layer-backdrop-body-clone {
	position: absolute;
	overflow: hidden;

	> *:first-child {
		position: absolute;
	}
}

.cui-layer-root.cui-layer-root-backdrop-blur {
	> .cui-layer-backdrop {
		filter: blur(5px);
		overflow: hidden;
	}

	> .cui-layer {
		// blur effect, make layer transparent
		background-color: rgba(255, 255, 255, 0.39);

		.cui-item-list-body {
			.cui-button {
				background-color: transparent;
			}
		}
	}
}

.cui-layer-backdrop-policy-modal,
.cui-layer-backdrop-policy-click {
	pointer-events: auto;
}

// * Layer

.cui-layer {
	// todo: the sizes are not really used anywhere, but lets keep the classes for now
	@each $name, $width in $layer-sizes {
		&--size-#{$name} {
			width: #{$width}px;
		}
	}

	display: flex;
	flex-direction: column;
	min-width: 300px;
	min-height: 30px;
	margin: $spacer-sm;
	background-color: $layer-background;
	outline: none;
	border-radius: $layer-border-radius;
	overflow: auto; /* hidden; */
	box-shadow:
		0 0 0 1px rgba($layer-border-color, 0.15),
		0 8px 10px 1px rgba($layer-border-color, 0.14),
		0 3px 14px 2px rgba($layer-border-color, 0.12),
		0 5px 5px -3px rgba($layer-border-color, 0.4);

	> .cui-pane:not(.cui-pane--window) {
		background-color: transparent; // reset from cui-pane
	}

	> .cui-pane {
		// layer-header
		> .cui-vertical-layout-top > .cui-pane-header,
		> .cui-vertical-layout-top > .cui-toolbar {
			padding: $layer-padding-y $layer-padding-x;
		}

		> .cui-vertical-layout-top > .cui-pane-header {
			border-radius: $layer-border-radius $layer-border-radius 0 0;
			padding: $layer-padding-y $layer-padding-x;
			background-color: transparent; // reset default .cui-pane-header

			> .cui-horizontal-layout-right > .cui-buttonbar {
				margin-right: -0.5*$layer-padding-x;
			}

			// add some white space if pane-header is empty
			&.cui-template-empty {
				display: block;
				min-height: 0;
			}
		}

		// layer-body
		> .cui-vertical-layout-center {
			padding: $layer-padding-y $layer-padding-x;
			overflow: auto;
			-webkit-overflow-scrolling: touch;
		}

		// layer-footer
		> .cui-vertical-layout-bottom > .cui-pane-footer,
		> .cui-vertical-layout-bottom > .cui-toolbar {
			padding: $layer-padding-x;
		}

		> .cui-vertical-layout-bottom > .cui-pane-footer {
			border-radius: 0 0 $layer-border-radius $layer-border-radius;

			// make buttons a little more prominent in the footer, they are typically "primary" action buttons ("OK" is pretty short otherwise)
			.cui-button-visual {
				min-width: 60px;
			}
		}

		// nested panes
		.cui-pane > .cui-vertical-layout-center {
			@include pane-padding-reset();
		}
	}
<commit_msg>CUI: layer: restrict min-width of toolbar buttons within a layer footer to toolbars that are NOT navigation toolbars<commit_after>// Layer

/*
<div class="cui-layer-root cui-layer-root-layer">
	<div class="cui-layer-backdrop"></div>
	<div class="cui-layer">
		<div class="cui-simple-pane cui-vertical-layout cui-pane"> ... </div>
	</div>
	<div class="cui-layer-pointer"></div>
</div>
*/

.cui-layer-root {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	pointer-events: none;

	&[cui-layer-fixed] {
		position: fixed !important;
	}

	.cui-layer {
		position: absolute;
		pointer-events: auto;
	}

	// centered gets placed by flex
	&[cui-placement='c'] {
		.cui-layer-pointer {
			display: none;
		}
	}

	&[cui-fill-space='both'] {
		.cui-layer {
			width: 100%;
			height: 100%;
		}
	}

	&[cui-fill-space='horizontal'] {
		.cui-layer {
			width: 100%;
		}
	}

	&[cui-fill-space='vertical'] {
		.cui-layer {
			height: 100%;
		}
	}
}


// * Backdrop

.cui-layer-backdrop {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	z-index: -1;

	&--visible {
		background: radial-gradient(hsla(205, 30%, 20%, 0.4), hsla(205, 30%, 20%, 0.6));
	}

	> div {
		flex: 1 1 auto;
		background-size: cover;
		background-repeat: no-repeat;
	}
}

.cui-layer-backdrop-body-clone {
	position: absolute;
	overflow: hidden;

	> *:first-child {
		position: absolute;
	}
}

.cui-layer-root.cui-layer-root-backdrop-blur {
	> .cui-layer-backdrop {
		filter: blur(5px);
		overflow: hidden;
	}

	> .cui-layer {
		// blur effect, make layer transparent
		background-color: rgba(255, 255, 255, 0.39);

		.cui-item-list-body {
			.cui-button {
				background-color: transparent;
			}
		}
	}
}

.cui-layer-backdrop-policy-modal,
.cui-layer-backdrop-policy-click {
	pointer-events: auto;
}

// * Layer

.cui-layer {
	// todo: the sizes are not really used anywhere, but lets keep the classes for now
	@each $name, $width in $layer-sizes {
		&--size-#{$name} {
			width: #{$width}px;
		}
	}

	display: flex;
	flex-direction: column;
	min-width: 300px;
	min-height: 30px;
	margin: $spacer-sm;
	background-color: $layer-background;
	outline: none;
	border-radius: $layer-border-radius;
	overflow: auto; /* hidden; */
	box-shadow:
		0 0 0 1px rgba($layer-border-color, 0.15),
		0 8px 10px 1px rgba($layer-border-color, 0.14),
		0 3px 14px 2px rgba($layer-border-color, 0.12),
		0 5px 5px -3px rgba($layer-border-color, 0.4);

	> .cui-pane:not(.cui-pane--window) {
		background-color: transparent; // reset from cui-pane
	}

	> .cui-pane {
		// layer-header
		> .cui-vertical-layout-top > .cui-pane-header,
		> .cui-vertical-layout-top > .cui-toolbar {
			padding: $layer-padding-y $layer-padding-x;
		}

		> .cui-vertical-layout-top > .cui-pane-header {
			border-radius: $layer-border-radius $layer-border-radius 0 0;
			padding: $layer-padding-y $layer-padding-x;
			background-color: transparent; // reset default .cui-pane-header

			> .cui-horizontal-layout-right > .cui-buttonbar {
				margin-right: -0.5*$layer-padding-x;
			}

			// add some white space if pane-header is empty
			&.cui-template-empty {
				display: block;
				min-height: 0;
			}
		}

		// layer-body
		> .cui-vertical-layout-center {
			padding: $layer-padding-y $layer-padding-x;
			overflow: auto;
			-webkit-overflow-scrolling: touch;
		}

		// layer-footer
		> .cui-vertical-layout-bottom > .cui-pane-footer,
		> .cui-vertical-layout-bottom > .cui-toolbar {
			padding: $layer-padding-x;
		}

		> .cui-vertical-layout-bottom > .cui-pane-footer {
			border-radius: 0 0 $layer-border-radius $layer-border-radius;

			// make buttons a little more prominent in the footer, they are typically "primary" action buttons ("OK" is pretty short otherwise)
			.cui-toolbar:not(.cui-navigation-toolbar) {
				.cui-button-visual {
					min-width: 60px;
				}
			}
		}

		// nested panes
		.cui-pane > .cui-vertical-layout-center {
			@include pane-padding-reset();
		}
	}

{'fraction_non_alphanumeric': 0.17164935393970104, 'fraction_numerical': 0.02482898403851026, 'mean_word_length': 2.916170634920635, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 67, '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': '2224735', 'n_tokens_mistral': 3594, 'n_tokens_neox': 3107, 'n_words': 632}