Commit 57d29265 authored by Pedro Eduardo Trujillo's avatar Pedro Eduardo Trujillo
Browse files

Crea sidebar sobre contenido, retoca detalles 

Da estilo al nuevo sidebar que se superpone, incluyendo un fondo
oscurecido para tapar al contenido de la app.
Elimina transparencia y degradado de sidebar secundario.
Elimina z-index de título de vista detalle.
parent c0ad54f7

src/redmic/Containers.styl

+0 −1
Original line number Diff line number Diff line
@@ -292,7 +292,6 @@ 
		margin 0.3rem

		border-radius 5px

		box-shadow 0 20px 10px -5px rgba(0,0,0,0.25)

		z-index 2

		min-height 10rem



		.tabs, .right

src/redmic/Sidebar.styl

+27 −10
Original line number Diff line number Diff line
@@ -61,9 +61,9 @@ 
		@media (max-width $media-high-size)

			width $sidebar-size * 0.85

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

			width $sidebar-size * 0.7

			width $sidebar-size * 0.75

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

			width $sidebar-size * 0.5

			width $sidebar-size * 0.65



		& > ul

			width 100%
@@ -105,7 +105,7 @@ 
			width $sidebar-secondary-size * 0.8

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

			width $sidebar-secondary-size * 0.7

		background linear-gradient(left, $color13, rgba($colorGrayBlack, 0.9))

		background $color13

		box-shadow 5px 0 10px 0 rgba($black, $shadowBoxOpacity)

		showScroll()
@@ -141,15 +141,32 @@ 
			@media (max-width $media-high-size)

				left $sidebar-size * 0.85

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

				left $sidebar-size * 0.7

				left $sidebar-size * 0.75

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

				left $sidebar-size * 0.5

				left $sidebar-size * 0.65

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



body:not(.uncollapsedSidebar)

.overlaySidebarBackground

	position absolute

	top $topbar-size

	height "calc(100% - %s)" % $topbar-size

	width 100%

	z-index 2

	background-color $black

	opacity 0

	transition opacity 0.3s ease-in-out

	pointer-events none



body

	&.reducedWidth.uncollapsedSidebar

		.overlaySidebarBackground

			opacity 0.5

			pointer-events all



	&:not(.uncollapsedSidebar)

		.main-nav

			&.primarySidebar nav

		&.secondarySidebar.overall

			&.secondarySidebar

				width 0



.mainContainer