MediaWiki:Gadgets/collapsibleSidebarSections/main.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

@media screen and (min-width: 721px) {
	.client-js #mw-panel .portal:not(#p-ext-discordwidget) .vector-menu-heading {
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: space-between;
		transition: all 0.2s;
	}

	.client-js #mw-panel .portal:not(#p-ext-discordwidget) .vector-menu-heading::after {
		content: "";
		display: block;
		pointer-events: none;
		width: 1em;
		height: 1em;
		margin-top: 1px; /* offset */
		--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E") no-repeat;
		-webkit-mask: var(--mask);
		mask: var(--mask);
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		-webkit-mask-position: center center;
		mask-position: center center;
		background-color: var(--wiki-sidebar-heading-color, var(--wiki-sidebar-link-color));
		transform: rotate(180deg);
	}

	.client-js #mw-panel .portal:not(#p-ext-discordwidget).collapsed .vector-menu-heading::after {
		transform: rotate(0deg);
	}

	.client-js #mw-panel .vector-menu-portal.collapsed .vector-menu-heading {
		margin-bottom: 0;
	}

}