Commit 64441bd8 authored by Pedro Eduardo Trujillo's avatar Pedro Eduardo Trujillo
Browse files

Crea estilo para listado de productos, refactoriza

parent b6688975

src/redmic-widgets/List.styl

+0 −89
Original line number Diff line number Diff line
@@ -486,95 +486,6 @@ 
.spanTemplateTable

	flex-direction row



.statisticsContainer

	display flex

	flex-flow column



	.statsActivityIcon

	.statsProjectIcon

	.statsProgramIcon

	.statsOrganisationIcon

	.statsPlatformIcon

	.statsDocumentIcon

	.statsOpenIcon

	.statsClosedIcon

	.statsAttachedIcon

	.statsIndependentIcon

		@extend .fa

		width 2rem

		text-align center



	.statsActivityIcon

	.statsProjectIcon

	.statsProgramIcon

	.statsOrganisationIcon

	.statsPlatformIcon

	.statsDocumentIcon

		fontSize 1.6rem



	.statsAttachedIcon

	.statsIndependentIcon

		fontSize 1.4rem



	.statsOpenIcon

	.statsClosedIcon

		fontSize 1.2rem



	.statsActivityIcon:before

		@extend .fa-tasks:before



	.statsProjectIcon:before

		@extend .fa-briefcase:before



	.statsProgramIcon:before

		@extend .fa-shield:before



	.statsOrganisationIcon:before

		@extend .fa-institution:before



	.statsPlatformIcon:before

		@extend .fa-dot-circle-o:before



	.statsDocumentIcon:before

		@extend .fa-book:before



	.statsOpenIcon:before

		@extend .fa-folder-open-o:before



	.statsClosedIcon:before

		@extend .fa-folder-o:before



	.statsAttachedIcon:before

		@extend .fa-cubes:before



	.statsIndependentIcon:before

		@extend .fa-cube:before



	> div



		div

			padding-left 2rem



	div

		> span

			display inline-flex

			flex-flow wrap

			align-items center

			margin .5rem 0

			margin-right 1rem



			> span

				margin-right .3rem



				&.name

					fontSize 1.2rem

					font-weight bold



				&:nth-child(3n)

					color $blue

					fontSize 1.1rem

					font-weight bold



.noBorderList .containerList .contentList

	border-radius 0

src/redmic/Containers.styl

+1 −0
Original line number Diff line number Diff line
@@ -481,6 +481,7 @@ body.uncollapsedSidebar 
				cursor grab



				.title

					color $yellowTitleRedmic

					font-weight bold

					padding-left 1rem

					cursor inherited

src/redmic/Initial.styl

+138 −2
Original line number Diff line number Diff line
@@ -153,7 +153,12 @@ a:hover 
	text-decoration underline



.socialPanel

.searchBarPanel

.statsPanel

.productPanel

	display flex



.socialPanel

	flex-wrap wrap

	align-items center

	justify-content flex-start
@@ -163,7 +168,6 @@ a:hover 
		margin 0.2rem 0.5rem



.searchBarPanel

	display flex

	justify-content center

	padding 0 30%
@@ -177,5 +181,137 @@ a:hover 
	> div

		align-self center



.statsPanel

.productContainer

.statisticsContainer

	display flex



.productContainer



	> div

		&:first-child

			min-width 5rem

			text-align center

			padding-right 1rem



			span

				@extend .fa

				@extend .highlightOnHover

				fontSize 4rem

				text-align center

				color $grayLighter



				&.speciesCatalogProductIcon:before

					@extend .fr-crab:before

				&.atlasProductIcon:before

					@extend .fr-world:before

				&.serviceOgcProductIcon:before

					@extend .fr-ogc:before

				&.trackingProductIcon:before

					@extend .fr-track:before

				&.speciesDistributionProductIcon:before

					@extend .fr-grid:before

				&.timeSeriesProductIcon:before

					@extend .fa-bar-chart:before

				&.trashCollectionProductIcon:before

					@extend .fa-trash:before

				&.realTimeProductIcon:before

					@extend .fa-clock-o:before

				&.bibliographyProductIcon:before

					@extend .fa-book:before



		&:nth-child(2)

			display flex

			flex-flow column



			> span:first-child

				fontSize 1.6rem

				color $yellowTitleRedmic





.statisticsContainer

	flex-flow column



	.statsActivityIcon

	.statsProjectIcon

	.statsProgramIcon

	.statsOrganisationIcon

	.statsPlatformIcon

	.statsDocumentIcon

	.statsOpenIcon

	.statsClosedIcon

	.statsAttachedIcon

	.statsIndependentIcon

		@extend .fa

		width 2rem

		text-align center



	.statsActivityIcon

	.statsProjectIcon

	.statsProgramIcon

	.statsOrganisationIcon

	.statsPlatformIcon

	.statsDocumentIcon

		fontSize 1.6rem



	.statsAttachedIcon

	.statsIndependentIcon

		fontSize 1.4rem



	.statsOpenIcon

	.statsClosedIcon

		fontSize 1.2rem



	.statsActivityIcon:before

		@extend .fa-tasks:before



	.statsProjectIcon:before

		@extend .fa-briefcase:before



	.statsProgramIcon:before

		@extend .fa-shield:before



	.statsOrganisationIcon:before

		@extend .fa-institution:before



	.statsPlatformIcon:before

		@extend .fa-dot-circle-o:before



	.statsDocumentIcon:before

		@extend .fa-book:before



	.statsOpenIcon:before

		@extend .fa-folder-open-o:before



	.statsClosedIcon:before

		@extend .fa-folder-o:before



	.statsAttachedIcon:before

		@extend .fa-cubes:before



	.statsIndependentIcon:before

		@extend .fa-cube:before



	> div



		div

			padding-left 2rem



	div

		> span

			display inline-flex

			flex-flow wrap

			align-items center

			margin .5rem 0

			margin-right 1rem



			> span

				margin-right .3rem



				&.name

					fontSize 1.2rem

					font-weight bold



				&:nth-child(3n)

					color $blue

					fontSize 1.1rem

					font-weight bold