Commit 4bec4992 authored by Pedro Eduardo Trujillo's avatar Pedro Eduardo Trujillo
Browse files

Define estilos para diseño de chart

parent b49f639b
Loading
Loading
Loading
Loading
+1 −1
Original line number Diff line number Diff line
@@ -194,7 +194,7 @@
				background-color $blue

	.icon
		fontSize 2rem
		fontSize 1.4rem
		&:not(.disabled)
			&:hover
				color $blue
+0 −10
Original line number Diff line number Diff line
@@ -603,16 +603,6 @@
	display flex
	flex-direction column

.chartTopContent
.chartTopAndBottomContent
	@extend .fHeight
	display flex
	flex-direction column
	.centerChartContent
		display flex
		flex-grow 1
		height 100%

.compositeSearch, .compositeSearchInTooltip, .editorLayerStyle
	@extend .fHeight

+46 −0
Original line number Diff line number Diff line
@@ -94,6 +94,7 @@

.topSecondaryContentLayoutDynamicDualContentDesign
.leftSecondaryContentLayoutDynamicDualContentDesign
.facetsInLeftSecondaryContentLayoutDynamicDualContentDesign
	.primaryContent
	.secondaryContent
		display flex
@@ -113,6 +114,51 @@
	flex-flow row


.chartTopContent
.chartTopAndBottomContent
	@extend .fHeight
	display flex
	flex-direction column
	.centerChartContent
		display flex
		flex-grow 1
		height 100%

.sideAndTopAndBottomContentLayoutChartDesign
	@media (orientation portrait)
		flex-flow column

	> .chartCenterContainer
	> .chartSideContainer
		display flex
		flex-direction column
		position relative

	> .chartCenterContainer
		@extend .chartTopAndBottomContent
		flex-grow 1
		@media (orientation landscape)
			margin-right 0.3rem

		@media (orientation portrait)
			margin-bottom 0.3rem

	> .chartSideContainer
		@media (orientation landscape)
			height 100%
			width 35%
			max-width 40rem

		@media (orientation portrait)
			height 35%
			width 100%

		.chartSmartLegend
			display flex
			flex-grow 1
			overflow none


.atlasContainer
	@extends .flexContainer
	height 100%