/* ==UserStyle==
@name           WF-Tags-Change-the-World
@description    通过#tags标签改变Workflowy世界！
@namespace      github.com/openstyles/stylus
@version        2024-11-10-ver0.2
@author         Yang
@homepageURL        https://github.com/
@license MIT
@preprocessor stylus
@downloadURL none
==/UserStyle== */
@-moz-document url-prefix("https://workflowy.com/") {
	/* 强制让带有#expand标签的节点  看板宽度变宽 */
	/* .name  .contentTag[title="Filter #expand"] */
	[title="Filter #expand"],
	[title="Filter #expand1"],
	[title="Filter #expand2"],
	[title="Filter #expand3"],
	[title="Filter #expand4"],
	[title="Filter #expand5"],
	[title="Filter #expand6"],
	[title="Filter #expand7"],
	[title="Filter #expand8"],
	[title="Filter #expand9"],
	[title="Filter #expand10"] {
		opacity: 0.1;
	}

	.name:hover .contentTag[title="Filter #expand"],
	.name:hover .contentTag[title="Filter #expand1"],
	.name:hover .contentTag[title="Filter #expand2"],
	.name:hover .contentTag[title="Filter #expand3"],
	.name:hover .contentTag[title="Filter #expand4"],
	.name:hover .contentTag[title="Filter #expand5"],
	.name:hover .contentTag[title="Filter #expand6"],
	.name:hover .contentTag[title="Filter #expand7"],
	.name:hover .contentTag[title="Filter #expand8"],
	.name:hover .contentTag[title="Filter #expand9"],
	.name:hover .contentTag[title="Filter #expand10"] {
		opacity: 1;
		color: #178B96 !important;
	}

	.dashboard-card:has(.contentTag[title="Filter #expand"]),
	.board .boardColumn:has(.contentTag[title="Filter #expand"]) {
		flex-grow: 0 !important;
		flex-basis: 500px !important;
		max-width: inherit !important;
	}

	.dashboard-card:has(.contentTag[title="Filter #expand1"]),
	.board .boardColumn:has(.contentTag[title="Filter #expand1"]) {
		flex-grow: 0 !important;
		flex-basis: 10% !important;
		max-width: inherit !important;
	}

	.dashboard-card:has(.contentTag[title="Filter #expand2"]),
	.board .boardColumn:has(.contentTag[title="Filter #expand2"]) {
		flex-grow: 0 !important;
		flex-basis: 20% !important;
		max-width: inherit !important;
	}

	.dashboard-card:has(.contentTag[title="Filter #expand3"]),
	.board .boardColumn:has(.contentTag[title="Filter #expand3"]) {
		flex-grow: 0 !important;
		flex-basis: 30% !important;
		max-width: inherit !important;
	}

	.dashboard-card:has(.contentTag[title="Filter #expand4"]),
	.board .boardColumn:has(.contentTag[title="Filter #expand4"]) {
		flex-grow: 0 !important;
		flex-basis: 40% !important;
		max-width: inherit !important;
	}

	.dashboard-card:has(.contentTag[title="Filter #expand5"]),
	.board .boardColumn:has(.contentTag[title="Filter #expand5"]) {
		flex-grow: 0 !important;
		flex-basis: 50% !important;
		max-width: inherit !important;
	}

	.dashboard-card:has(.contentTag[title="Filter #expand6"]),
	.board .boardColumn:has(.contentTag[title="Filter #expand6"]) {
		flex-grow: 0 !important;
		flex-basis: 60% !important;
		max-width: inherit !important;
	}

	.dashboard-card:has(.contentTag[title="Filter #expand7"]),
	.board .boardColumn:has(.contentTag[title="Filter #expand7"]) {
		flex-grow: 0 !important;
		flex-basis: 70% !important;
		max-width: inherit !important;
	}

	.dashboard-card:has(.contentTag[title="Filter #expand8"]),
	.board .boardColumn:has(.contentTag[title="Filter #expand8"]) {
		flex-grow: 0 !important;
		flex-basis: 80% !important;
		max-width: inherit !important;
	}

	.dashboard-card:has(.contentTag[title="Filter #expand9"]),
	.board .boardColumn:has(.contentTag[title="Filter #expand9"]) {
		flex-grow: 0 !important;
		flex-basis: 90% !important;
		max-width: inherit !important;
	}

	.dashboard-card:has(.contentTag[title="Filter #expand10"]),
	.board .boardColumn:has(.contentTag[title="Filter #expand10"]) {
		flex-grow: 0 !important;
		flex-basis: 100% !important;
		max-width: inherit !important;
	}
}