MediaWiki:Common.css/src/interface/mainBox/navBar/sidebarToggle.scss

From Terraria Wiki
Jump to navigation Jump to search

This page is one of the SCSS pages which are the basis for MediaWiki:Common.css. After you edit this page, you will need to recompile them for your changes to take effect. See Terraria Wiki:CSS to learn more.

Ancestors: / src / interface / mainBox / navBar / sidebarToggle.scss

Siblings:search.scsssidebarToggle.scsstabs.scss

Children: (none)

@use '../../../lib';
#nav-content-size-toggle{
	display: none;
}
@media screen and (min-width: lib.$breakpoint-l + 1px) {
	/*** sidebar toggle ***/
	#nav-content-size-toggle{
		display: flex;
		padding-left: var(--layout-content-size-toggle-gap-left);
		margin-right: calc(0px - var(--layout-content-size-toggle-gap-left) - 22px);/*<< effective width = 0 */
		span{
			align-self: center;
			display: block;
			width: 22px;
			height: 22px;
			cursor: pointer;
			@include lib.mask-icon(var(--theme-icon-color-link), var(--icon-sidebar-collapse) );
			&:hover{
				@include lib.mask-icon(var(--theme-icon-color-hover));
			}
		}
	}
	.content-size-expanded #nav-content-size-toggle span{
		@include lib.mask-icon(var(--theme-icon-color-link), var(--icon-sidebar-expand) );
		&:hover{
			@include lib.mask-icon(var(--theme-icon-color-hover));
		}
	}
	/* expanded */
	body.content-size-expanded {
		grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right nav-left content-left footer-left] var(--layout-sidebar-width) var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
		#mw-panel{
			> * {
				display: none;
			}
			#p-logo{
				display: block;
			}

		}
	}
}