Merge branch 'feature-DynamicDetailsViews' into 'dev' (1bae5a83) · Commits · REDMIC Project / Client / Style

src/redmic/Containers.styl

+77 −50

Original line number	Diff line number	Diff line
		@@ -409,31 +409,55 @@
		margin 5px
		overflow hidden
		transition-property height, width
		transition-duration 0.3s
		transition-duration .3s

		& > div
		$cols = 6
		for col in 1..$cols
		&[data-cols=\"{col}\"]
		&[data-cols=\"{col}\"]:not(.resizedByUser)
		$newWidth = (100% / $cols) * col
		width "calc(%s - 10px)" % $newWidth

		$rows = 6
		for row in 1..$rows
		&[data-rows=\"{row}\"]
		&[data-rows=\"{row}\"]:not(.resizedByUser)
		height 90px * row + 10px * (row - 1)

		$rows = 6
		for row in 1..$rows
		&[data-percentage-rows=\"{row}\"]
		&[data-percentage-rows=\"{row}\"]:not(.resizedByUser)
		$newHeight = (100% / $rows) * row
		height "calc(%s - 10px)" % $newHeight

		// TODO: Para arreglar pencadas de details antiguos, se revisará
		.content
		.contentGrid
		height 100% !important
		& > div.resizedByUser
		max-width calc(100% - 10px)

		.moduleWindow.resizable
		padding-bottom 15px
		resize both
		overflow hidden
		max-width 100%
		min-width 100px
		min-height 100px
		border-radius 5px 5px 0 5px
		background linear-gradient(bottom, $colorGrayBlack, $color13)

		.windowContent
		padding 0 3px

		.resizeHandle
		position absolute
		bottom 0
		right 0
		width 15px
		height 15px
		color gray
		background-color $colorGrayBlack
		pointer-events none

		.resizeHandle:before
		@extend .fa
		@extend .fa-sort:before
		transform rotate(-45deg) scale(1.2) translate(2px, 2px)

		.moduleWindow
		.windowTitle
		fondo degradado topbar
		border-radius 5px 5px 0 0
		@@ -455,7 +479,7 @@
		height 15px
		text-align center
		vertical-align middle
		margin 0 5px
		margin 0 2px
		cursor pointer
		color gray

		@@ -466,12 +490,15 @@

		.windowContent
		display flex
		transition height .3s linear
		border-radius 0 0 5px 5px

		& > :first-child
		@extend .fWidth
		@extend .fHeight
		overflow auto

		.windowContenNoTitle
		.windowWithoutTitleContent
		border-radius 5px !important

		& > :first-child
		@@ -643,7 +670,7 @@

		.kibana-dashboard
		width calc(100% - 4px)
		height calc(100% - 4px)
		height calc(100% - 8px)

		.socialPanel
		display flex