builderQ Häx by cbrst

/* ==UserStyle==
@name         builderQ Häx
@version      20240430.08.55
@namespace    userstyles.world/user/cbrst
@description  build your own builder
@author       cbrst
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.cmsq.ieq-health.de/sec/cms/mainq.aspx") {
	/*
	 * 3 Spalten wenn Arbeitsfläche breit genug
	 */

	.container-bo-content {
		container: buildArea / inline-size;
	}

	@container buildArea (min-width: 1700px) {
		#builderQ-wrapper {
			display: grid !important;
			grid-template-columns: 300px 1fr 300px;
			padding-right: 20px;
		}

		#builderQ-toggle-treeview {
			display: none;
		}

		#builderQ-sidebar {
			display: contents;
		}

		#builderQ-treeView,
		#builderQ-modules,
		#builderQ-moduleSearch {
			position: relative !important;
			transform: none !important;
		}

		#builderQ-treeView,
		#builderQ-moduleSearch {
			grid-column: 1/2;
			grid-row: 1/2;
		}

		#builderQ-moduleSearch {
			height: calc(100% + 40px);
		}

		#builderQ-innerWrapper {
			grid-column: 2/3;
			grid-row: 1/2;
			overflow: auto;
		}

		#builderQ-modules {
			grid-column: 3/4;
			grid-row: 1/2;
		}
	}

	/*
	 * Erstellen in Toolbar
	 */

	#builderQ-dev-command-save-or-create {
		display: grid;
		flex-basis: auto;
		grid-template-columns: repeat(4, 1fr);
	}

	#builderQ-dev-command-save-or-create button {
		grid-row: 1;
		text-indent: 0;
		overflow: hidden;
		position: relative;
	}
	
	#builderQ-dev-command-save-or-create button[data-devtools-cmd="save-changes"] {
		letter-spacing: .02em;
		font-weight: 700;
	}
		
	#builderQ-dev-command-save-or-create button:before {
		display: none;
	}

	#builderQ-dev-command-save-or-create button:first-child {
		grid-column: 4;
	}

	#builderQ-dev-command-create-submenu,
	#builderQ-dev-command-create-submenu ul {
		display: contents;
	}

	#builderQ-dev-command-create-submenu:after {
		display: none;
	}

	#builderQ-dev-command-save-or-create .btn.btn-transparent.loading:before {
		display: block;
		content: '';
		position: absolute;
		top: -100%;
		right: -10px;
		bottom: -100%;
		left: 0;
		z-index: -1;
		background-image: linear-gradient(to bottom, var(--warning) 5px, transparent 5px, transparent 10px);
		background-repeat: repeat;
		background-size: 10px 10px;
		animation: buttonAnimation .4s infinite linear;
		margin: 0;
	}

	#builderQ-dev-command-save-or-create .btn.btn-transparent.loading:after {
		display: block;
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
		background-image: linear-gradient(transparent 10%, var(--bg) 10%);
		opacity: .99;
	}
	
	@keyframes buttonAnimation {
		0% {
			transform: rotate(-45deg) translateY(0);
		}
		100% {
			transform: rotate(-45deg) translateY(-10px);
		}
	}
	
	/*
	 * Unnötige Einträge im Contentbaum ausblenden
	 */
	
	#treeView-main li {
		&[data-fqname="/at"],
		&[data-fqname="/Beratung"],
		&[data-fqname="/cn"],
		&[data-fqname="/cz"],
		&[data-fqname="/en"],
		&[data-fqname="/es"],
		&[data-fqname="/fr"],
		&[data-fqname="/health"],
		&[data-fqname="/ieqsystems"],
		&[data-fqname="/it"],
		&[data-fqname="/lt"],
		&[data-fqname="/nl"],
		&[data-fqname="/ru"],
		&[data-fqname="/secure"],
		&[data-fqname="/shop"],
		&[data-fqname="/sl"],
		&[data-fqname="/tr"],
		&[data-fqname="/webapp"] {
			display: none;
		}
	}
}