Commit 875b9cf0 authored by Pedro Eduardo Trujillo's avatar Pedro Eduardo Trujillo
Browse files

Prepara visualización con sidebar colapsable

parent 18926b86

src/Variables.styl

+0 −1
Original line number Diff line number Diff line
@@ -90,7 +90,6 @@ $fullOpacity = 1 
$radio-esquinas = 5px

$topbar-size = 39px

$sidebar-size = 76px

$sidebar-reduced-size = 50px

$sidebar-secondary-size = 200px

$notificationbar-size = 400px

$borderSize = $nano

src/redmic/Sidebar.styl

+15 −22
Original line number Diff line number Diff line
@@ -66,6 +66,7 @@ nav.primary 
			border-bottom $borde2

			text-align center

			padding 0.5rem 0



			&.click

				fondo color rgba($black, 0.4)

				&.active
@@ -74,8 +75,14 @@ nav.primary 
			& i

				display block

				fontSize 2.6rem

				@media (max-width $media-high-size)

					fontSize 2.4rem

				@media (max-width $media-medium-size)

					fontSize 2.2rem

				@media (max-width $media-low-size)

					fontSize 2rem



			& > span

			& span

				display block

				textEllipsis()

				padding 0.1rem
@@ -133,24 +140,10 @@ nav.secondary 
			left $sidebar-size * 0.5

		transition left 0.4s ease-in 0s, z-index 0.05s ease 0.48s



.reducedMenu

	nav.primary

		width $sidebar-reduced-size

		@media (max-width $media-high-size)

			width $sidebar-reduced-size * 0.85

		@media (max-width $media-medium-size)

			width $sidebar-reduced-size * 0.7

		@media (max-width $media-low-size)

			width $sidebar-reduced-size * 0.5



		& span

			display none

.collapsedSidebar

	nav

		&.primary

			width 0



	nav.secondary.overall

		left $sidebar-reduced-size

		@media (max-width $media-high-size)

			left $sidebar-reduced-size * 0.85

		@media (max-width $media-medium-size)

			left $sidebar-reduced-size * 0.7

		@media (max-width $media-low-size)

			left $sidebar-reduced-size * 0.5
 
		&.secondary.overall

			width 0

src/redmic/Topbar.styl

+14 −1
Original line number Diff line number Diff line
@@ -12,11 +12,24 @@ 
	height $topbar-size

	noScroll()

	z-index 6

	padding 0 0.5rem



	.collapseSidebarButton

		@extend .fa

		display none

		fontSize 1.6rem

		padding 0 0.5rem



		&:before

			@extend .fa-bars:before



.enableCollapseSidebar

	.collapseSidebarButton

		display flex



.topbarLogo

	flexible h center center

	min-width 115px

	margin-left 7px



	img.logo

		width 115px