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

Retoca vistas detalle, topbar, mapa... 

Sigue adaptando estilos al modo responsive y limpiando basura.
parent f2be6a5f

src/Functions.styl

+4 −0
Original line number Diff line number Diff line
@@ -8,6 +8,10 @@ fontSize() 
	font-size (arguments)rem

	line-height $baseLineHeight



textEllipsis()

	overflow hidden

	white-space nowrap

	text-overflow ellipsis



// Funciones de compatibilidad

src/Main.styl

+3 −0
Original line number Diff line number Diff line
@@ -23,6 +23,9 @@ body 
*

	outline none



h1

	fontSize 2rem



a

	color $linkColor

	text-decoration none

src/redmic/Base.styl

+1 −3
Original line number Diff line number Diff line
@@ -4,9 +4,7 @@ 


.inlineRow

	display inline-block

	overflow hidden

	white-space nowrap

	text-overflow ellipsis

	textEllipsis()



.borderRadiusBottom

	border-radius 0px 0px 5px 5px

src/redmic/Catalog.styl

+3 −4
Original line number Diff line number Diff line
@@ -21,12 +21,11 @@ 
		font-size 2rem

		display flex

		justify-content flex-start



		span

			padding-left 1rem

			display inline-block

			overflow hidden

			white-space nowrap

			text-overflow ellipsis

			textEllipsis()



	.widthLimitTitleZone

		max-width calc(100% - 100px)

src/redmic/Containers.styl

+15 −14
Original line number Diff line number Diff line
@@ -265,6 +265,9 @@ 
.barSliderContainer

	height 40px



.templateDisplayer

	width 100%



.infoView

	display flex

	flex-direction column
@@ -279,8 +282,6 @@ 
		z-index 2

		min-height 10rem



		.rightSpace

			min-width 25rem

		.tabs, .right

			position absolute

			display flex
@@ -322,8 +323,9 @@ 
				&:hover

					background-color $blue



		.left, .right

			padding 0 10px

		.left

		.right

			padding 0 1rem



			& > i, & > a

				color #fff
@@ -344,20 +346,15 @@ 
				padding 0 5px



		.center

			flex-grow 1

			display flex

			align-items center

			width calc(100% - 18rem)



			.header

				@extend .titleRedmic

				overflow hidden

				text-overflow ellipsis

				display -webkit-box

				-webkit-line-clamp 3

				-webkit-box-orient vertical

				h1

					line-height 1

					margin 0

					textEllipsis()



		.infoTitleBackground

			fondo degradado topbar
@@ -374,6 +371,7 @@ 


		.centerTitle

			flex-direction column

			justify-content center



		.title

			margin 0
@@ -510,8 +508,12 @@ 
	align-items center



	& > :first-child

		margin 0 10px

		margin-right 1rem

		fontSize 5rem



	& > :nth-child(2)

		width calc(100% - 8rem)



	& > :last-child

		display flex

		flex-direction column
@@ -521,12 +523,11 @@ 
			margin 5px



		& > :first-child

			//display flex



			& > :last-child

				margin-left 5px

	h1

		line-height 3rem

		textEllipsis()



.imageContainer

	display flex