Commit b4d4c44f authored by Pedro Eduardo Trujillo's avatar Pedro Eduardo Trujillo
Browse files

Adapta diseño de mapa para teclado en pantalla 

En dispositivos de alta densidad de pantalla (presumiblemente
smartphones), se oculta el mapa cuando la relación de aspecto es más
cuadrada que 4:3 (teclado con pantalla en disposición vertical) o cuando
es más panorámica que 6:1 (teclado con pantalla en disposición
horizontal).
parent 4d176b72

src/Variables.styl

+1 −0
Original line number Diff line number Diff line
@@ -105,6 +105,7 @@ $loadingAndLockedZIndex = 10000 
$media-high-size = 1023px

$media-medium-size = 839px

$media-low-size = 599px

$mobile-min-density = 200dpi



// Window

$moduleWindowMargin = 0.3rem

src/redmic/Designs.styl

+11 −0
Original line number Diff line number Diff line
@@ -13,6 +13,11 @@ 
		flex-grow 1

		@media (orientation landscape)

			margin-right 0.3rem



			@media (min-resolution $mobile-min-density)

				@media (max-aspect-ratio 4/3), (min-aspect-ratio 6/1)

					display none



		@media (orientation portrait)

			margin-bottom 0.3rem
@@ -21,6 +26,12 @@ 
			height 100%

			width 35%

			max-width 40rem



			@media (min-resolution $mobile-min-density)

				@media (max-aspect-ratio 4/3), (min-aspect-ratio 6/1)

					width 100%

					max-width 100%



		@media (orientation portrait)

			height 35%

			width 100%