Commit 85e61a59 authored by Pedro Eduardo Trujillo's avatar Pedro Eduardo Trujillo
Browse files

Sigue trabajando listado oscuro, corrige INSPIRE

parent 8e56366e

src/Variables.styl

+8 −0
Original line number Diff line number Diff line
@@ -53,6 +53,14 @@ $blueStrong = #1c678a 


$yellowTitleRedmic = #fc0



// INSPIRE

$inspireOrange = #f59e00

$inspireBrown = #b07e49

$inspireRed = #ea562c

$inspireBlue = #36a9e0

$inspireGreen = #94c11f

$inspireGray = #b1b1b1





// Gráficos

src/redmic-widgets/List.styl

+272 −202
Original line number Diff line number Diff line
@@ -2,12 +2,6 @@ 
	border-radius 0 0 5px 5px



.containerList

	@extend .col-xs-12

	@extend .col-sm-12

	@extend .col-md-12

	@extend .col-lg-12

	@extend .col-xl-12



	padding 0

	display flex

	flex-flow column
@@ -16,32 +10,37 @@ 
	.pagination

		display flex

		margin 0

		li.active > a, li.active > span,

		li > a, li > span



		li

			> a

			> span

				padding 0px 5px

				cursor pointer

			color white



		li > a, li > span

				color $white

				background-color transparent

				border none

				height 1.6rem

				display flex !important

				align-items center



		li.active > a, li.active > span

			&.active

				> a

				> span

					background-color $blue

					border-radius 5px



		li > .angle:hover

			> .angle:hover

				color $blue



		li.disabled > a, li.disabled > span

			&.disabled

				> a

				> span

					cursor not-allowed

					background-color transparent

			color rgba(255,255,255,0.5)

		li.disabled > .angle:hover

			color black

					color rgba($white, 0.5)



				> .angle:hover

					color $black



	.framework

		fondo color $color13
@@ -60,14 +59,16 @@ 
			margin-bottom 5px

			i

				fontSize 1.4rem

				color #fff

				color $white



		.totalResult

			display flex

			align-items center



			span

				color white

			span:first-child

				color $white



				&:first-child

					padding-right 5px



		.orderZone
@@ -75,6 +76,7 @@ 
			justify-content center

			align-items center

			flex-wrap wrap



			> span

				display flex

				margin-right 1rem
@@ -83,13 +85,16 @@ 
				position relative

				display flex

				align-items center



				select

					padding-left 2rem



				span

					position absolute

					left 5px

					top 6px

					cursor pointer



					&:hover

						color $blue
@@ -100,12 +105,14 @@ 
			align-items center



			.selectOption

				color black

		.paginate, .containerOrder, .containerSelectionBox

				color $black



		.paginate

		.containerOrder

		.containerSelectionBox

			.form-control

				background-color $color1

				color white

				border-color rgb(169, 169, 169)

				color $white



	.flexEndContent

		justify-content flex-end
@@ -136,7 +143,7 @@ 
			display flex

			flex-flow column



		.rowsContainer .rowsContainer

			& .rowsContainer

				padding-left 2rem



			.containerRow
@@ -146,25 +153,27 @@ 
					background-color $color12



				.dragAndDropContainerRow

			background-color #aaa !important

					background-color $color6 !important



				.borderTopDragAndDrop

			border-top 20px solid #fc0 !important

					border-top 1.5rem solid $yellowTitleRedmic !important



				.borderBottomDragAndDrop

			border-bottom 20px solid #fc0 !important

					border-bottom 1.5rem solid $yellowTitleRedmic !important



				.containerTopRow

			padding 6px 0 6px 10px

			flexible h left center

					display flex

					justify-content left

					align-items center



					&:hover

				box-shadow inset 0px 0px 10px 2px rgba(0, 0, 0, 0.3) !important

						box-shadow inset 0px 0px 1rem 0 rgba($white, 0.3) !important



					.rowList

				//width 85%

				padding 5px 10px

						padding 1rem

						display flex

						flex-grow 6

						flex-basis 5rem

						align-items center



						> img
@@ -175,65 +184,70 @@ 
					.spanIcon

						font-size 3.2rem

						padding-right 5px

				.fa-camera

					color silver





				.containerTopRowDragAndDrop

					cursor move



				.selectContainerRow > .containerTopRow

			background-color #049cdb !important

			color #fff !important

			box-shadow inset 0 0px 4px -1px rgba(0,0,0,0.5)



			span, .status, .subtitle, .subtitle i, .iconList:hover, em, .containerButtons > a,

			.containerButtons > i, .containerButtons > a i

				color #fff !important

					background-color $blue !important



			span.checkboxIcon:before

					span

						&.checkboxIcon

						&.radioButtonIcon

						&.toggleIcon

							@extend .fa



						&.checkboxIcon:before

							@extend .fa-check-square-o:before

			span.radioButtonIcon:before

				@extend .fa



						&.radioButtonIcon:before

							@extend .fa-check-circle:before

			span.toggleIcon:before

				@extend .fa



						&.toggleIcon:before

							@extend .fa-toggle-on:before



				.moreResult

					height 4rem

					display flex

					justify-content center

			background-color #bbb !important

					background-color $color6 !important

					font-weight 600

					cursor pointer



					span

						margin 0 3rem



					&:hover

				background-color #ccc !important

						background-color $color7 !important



		em, b

			color #77779C

				em

				b

					color $color15

					font-weight 600





				.containerButtons

					color $white

			padding 10px

					padding 1rem

					display flex

					flex-grow 1

					justify-content flex-end

					align-self flex-start

					flex-wrap wrap

					flex-basis 3rem



			> i, > div, > a i

					> i

					> div

					> a i

						margin 0

				//margin-right 1rem

				padding 0 5px

						padding .2rem



			> a, > i, > a i

					> a

					> i

					> a i

						display flex

						justify-content center

						flex-direction column

				color #555

						color $gray



						.fa-info-circle

							color $blue
@@ -248,15 +262,23 @@ 
		width 1rem

		margin 0 0.5rem

		cursor pointer

		flexible h center center

		span.checkboxIcon:before

		display flex

		justify-content center

		align-items center



		span

			&.checkboxIcon

			&.radioButtonIcon

			&.toggleIcon

				@extend .fa



			&.checkboxIcon:before

				@extend .fa-square-o:before

		span.radioButtonIcon:before

			@extend .fa



			&.radioButtonIcon:before

				@extend .fa-circle-thin:before

		span.toggleIcon:before

			@extend .fa



			&.toggleIcon:before

				@extend .fa-toggle-off:before



	.iconListNoButton
@@ -264,12 +286,16 @@ 


	.notDataFound

		@extend .fHeight

		flexible h center center

		display flex

		justify-content center

		align-items center



.containerList, .infoTitle

.containerList

.infoTitle

	.iconList

		cursor pointer

		font-size 20px



		&:hover

			color $blue !important
@@ -300,46 +326,46 @@ 


			.containerTopRow

				.expandCollapse

				flexible h center center

				width 1rem

				margin 0 0.5rem

				min-width 1rem

				max-width 1rem

					display flex

					justify-content center

					align-items center

					cursor pointer

					margin-left 1rem



					&:hover

						span

							color $blue



					span

						width 1rem

						font-size 1.8rem

						padding 0 .5rem



		.mixedSelectContainerRow > .containerTopRow

			background-color #7cc8e7 !important

			color #fff !important

			box-shadow inset 0 0px 4px -1px rgba(0,0,0,0.5)



			span, .status, .subtitle, .subtitle i, .iconList:hover, em, .containerButtons > a,

			.containerButtons > i, .containerButtons > a i

				color #fff !important

			background-color rgba($blue, 0.4) !important



			span.checkboxIcon:before

			span

				&.checkboxIcon

					@extend .fa



				&.checkboxIcon:before

					@extend .fa-square:before



.spanTemplate

	display flex

	width 100%

	flex-direction column

	//padding 0 5px

	//line-height 1.8rem

	overflow hidden



	.title

		font-weight 600



		.scientificName

			font-style italic



	.subtitle .subtitleIcon

		font-size 1.3rem

		color #666

		color $color15



		.status

			text-transform capitalize
@@ -356,6 +382,7 @@ 


	.subtitleIcon

		margin-top 5px



		i

			padding-left 0

			font-size 3rem
@@ -363,22 +390,28 @@ 
	.subTitleFlex

		display flex

		align-items center

		span:last-child



		span

			&:last-child

				margin-left 1rem

		span:first-child



			&:first-child

				margin-left 0



		.subtitleIcon

			margin-top 0



	.picture

		padding 0.5rem



		.animalImage

			width 10rem !important

			min-width 10rem

			height 10rem !important

			min-height 10rem



.spanTemplateTable, .headerList

.spanTemplateTable

.headerList

	.rowSpan

		min-width 8rem

		justify-content center
@@ -400,11 +433,13 @@ 
		cursor not-allowed

		opacity .65



.containerRow .table-row, .headerList

.containerRow .table-row

.headerList

	.table-cell

		padding 0 0.5rem

		border-right 1px solid rgba(0, 0, 0, 0.1)

		border-right 1px solid rgba($black, 0.1)

		align-items center



	.table-col-1

		flex-grow 2
@@ -413,6 +448,7 @@ 
	background-color $color1

	padding 1rem 0 1rem 0

	position relative



	.iconOptionHeader

		position absolute

		left 10px
@@ -420,13 +456,16 @@ 
		display flex

		align-items center

		height calc(100% - 2rem)



		&:hover

			color $blue



	.table-cell

		border-right 1px solid rgba(255, 255, 255, 0.5)

		border-right 1px solid rgba($white, 0.5)

		justify-content center



.spanTemplateStatistic, .spanTemplateTable

.spanTemplateStatistic

.spanTemplateTable

	flex-direction row



.spanTemplateStatistic
@@ -438,7 +477,9 @@ 


	.subtitle

		display flex

		.rightColOne, .rightColTwo



		.rightColOne

		.rightColTwo

			width 11rem



		.rightColSeparator
@@ -455,9 +496,10 @@ 
	display flex

	align-items center

	flex-wrap wrap



	div

		margin-right 1rem

	div:last-child

		&:last-child

			margin-right 0



.imageLayerList
@@ -466,34 +508,62 @@ 
	height 6rem !important

	min-height 6rem



.colorGroup1

	background-color rgba(255, 235, 134, 0.48) !important



.colorGroup2

	background-color rgba(246, 171, 119, 0.56) !important



// Colores para los iconos de inspireThemes



.inspire-ad, .inspire-tn, .inspire-el, .inspire-us, .inspire-pf, .inspire-af, .inspire-er //naranja

	color #F6A41C

// // TODO aquí no deberían definirse los colores para los iconos de inspireThemes



.inspire-ad

.inspire-tn

.inspire-el

.inspire-us

.inspire-pf

.inspire-af

.inspire-er

	color $inspireOrange



.inspire-ge

.inspire-so

.inspire-mr

.inspire-nz

	color $inspireBrown



.inspire-au

.inspire-su

.inspire-lu

.inspire-hh

.inspire-pd

.inspire-am

	color $inspireRed



.inspire-hy

.inspire-ef

.inspire-ac

.inspire-mf

.inspire-of

.inspire-sr

	color $inspireBlue



.inspire-ps

.inspire-lc

.inspire-br

.inspire-hb

.inspire-sd

	color $inspireGreen



.inspire-rs

.inspire-gg

.inspire-gn

.inspire-cp

.inspire-oi

.inspire-bu

	color $inspireGray



.inspire-ge, .inspire-so, .inspire-mr, .inspire-nz //marron

	color #B57D42



.inspire-au, .inspire-su, .inspire-lu, .inspire-hh, .inspire-pd, .inspire-am //rojo

	color #F15B40



.inspire-hy, .inspire-ef, .inspire-ac, .inspire-mf, .inspire-of, .inspire-sr //azul

	color #41A2E9



.inspire-ps, .inspire-lc, .inspire-br, .inspire-hb, .inspire-sd //verde

	color #94C120



.inspire-rs, .inspire-gg, .inspire-gn, .inspire-cp, .inspire-oi, .inspire-bu //gris

	color #B5B5B5



.dialogSimple

	.dijitContentPaneSingleChild, .topZone, .contentList

	.dijitContentPaneSingleChild

	.topZone

	.contentList

		border-radius 0



.removed