Retoca estructura y estilo de tooltip para módulos (8fbdeb50) · Commits · REDMIC Project / Client / Style

src/redmic/TooltipButton.styl

+95 −74

Original line number	Diff line number	Diff line
		.tooltipButton
		border 1px rgba(255, 255, 255, 0.7) solid !important
		right -7px
		margin-top 8px !important
		padding 10px !important
		.tooltipContainer
		position relative
		background-color $color13 !important
		boz-shadow $sombra-contenedor-externa-centrada-clara
		padding .8rem
		background-color $color13
		border 1px $grayLighter solid
		border-radius .5rem
		box-shadow $sombra-contenedor-externa-centrada-clara

		.containerContent
		.containerContent > div
		display flex
		flex-direction column
		&.tooltipAboveSource
		margin-bottom .6rem

		.tooltipSourceIndicator
		bottom -1rem

		&:before
		@extend .fa-caret-down:before

		&.tooltipBelowSource
		margin-top .6rem

		.tooltipSourceIndicator
		top -1.05rem

		&:before
		@extend .fa-caret-up:before

		&.tooltipLeftSource
		.tooltipSourceIndicator
		right .3rem

		&.tooltipRightSource
		.tooltipSourceIndicator
		left .3rem

		.tooltipSourceIndicator
		@extend .fa
		position absolute
		fontSize 1.2rem
		color $grayLighter
		padding 0 .4rem
		filter drop-shadow(0 0 .1rem $grayLighter)

		// Contenido específico

		.inputInfoTooltipContent
		max-width 20rem

		.containerContent
		.itemMenu
		margin-top 1rem
		cursor pointer
		color white
		color $white
		text-decoration none
		display flex
		align-items center
		@@ -41,21 +73,15 @@
		span
		color $blue

		.indicatorParent
		position absolute
		top -14px
		right 8px
		fontSize 1.2rem

		.tooltipButtonMenu
		padding 0 !important
		.containerContent

		.itemSelect
		background-color rgba(4, 156, 219, 0.5)
		background-color $blue

		i
		span
		color white
		color $white
		font-weight bold

		.itemMenu
		@@ -67,7 +93,7 @@

		i
		span
		color white
		color $white

		.tooltipButtonChart
		margin-top 4px !important
		@@ -75,14 +101,9 @@
		.tooltipButtonAggrement
		margin-bottom 5px !important

		.tooltipButtonLeft
		left 0px

		.indicatorParent
		left 5px

		.descriptionTooltip
		max-width 50rem
		max-width 20rem

		.hrefInTooltip
		padding-top 1rem
		display flex
		@@ -92,7 +113,7 @@
		display flex
		align-items center
		padding-bottom 1rem
		border-bottom 1px solid rgba(255, 255, 255, 0.3)
		border-bottom 1px solid $grayLighter

		> img
		width 7rem
		@@ -108,4 +129,4 @@
		fontSize 1.3rem

		.email
		color rgba(255, 255, 255, 0.6)
		color $grayLighter