Replantea título de vistas detalle (a7fb6fa4) · Commits · REDMIC Project / Client / Style

src/Functions.styl

+6 −0

Original line number	Diff line number	Diff line
		@@ -13,6 +13,12 @@ textEllipsis()
		white-space nowrap
		text-overflow ellipsis

		multiTextEllipsis()
		display -webkit-box
		-webkit-line-clamp 3
		-webkit-box-orient vertical
		overflow hidden

		// Funciones de compatibilidad

		box-sizing()

src/redmic/Containers.styl

+43 −78

Original line number	Diff line number	Diff line
		@@ -303,69 +303,42 @@ body.uncollapsedSidebar
		height "calc(100% - %s)" % (2 * $contentContainerChildPadding)

		.infoTitle
		position relative
		display flex
		flex-direction column
		justify-content space-between
		align-items center
		margin 0.3rem
		margin .3rem
		border-radius 5px
		box-shadow 0 20px 10px -5px rgba(0,0,0,0.25)
		min-height 10rem

		.tabs
		.right
		position absolute
		display flex
		right 5rem
		box-shadow 0 0 10px 0 rgba(0,0,0,0.5),inset 0 0 1px rgba(255,255,255,0.5)
		border 1px solid rgba(255,255,255,0.3)
		fondo degradado topbar
		box-shadow none
		padding 1rem

		.tabs
		bottom 0
		border-bottom none
		border-radius 5px 5px 0 0
		.tab
		cursor pointer
		.title
		.buttons
		display flex
		justify-content center
		align-items center
		width 10rem
		height 3rem
		border-right 1px solid rgba(255,255,255,0.3)
		background-color #222
		a
		color #ddd
		width 100%
		height 100%

		.title
		margin-bottom 1rem
		display flex
		justify-content center
		align-items center
		&:hover
		background-color #494852
		& > .tab:first-child
		border-top-left-radius 5px
		& > .tab:last-child
		border-right none
		border-top-right-radius 5px
		.tabSelect
		background-color $blue
		a
		color #fff
		&:hover
		background-color $blue

		.left
		.right
		padding 0 1rem
		flex-grow 1

		& > i
		& > a
		color #fff
		margin 0 5px
		.header
		h1
		margin 0
		multiTextEllipsis()
		color $yellowTitleRedmic

		&.fa-close:hover
		color red
		.buttons
		justify-content space-between

		.right
		display flex
		right 5rem
		box-shadow 0 0 10px 0 rgba(0,0,0,0.5),inset 0 0 1px rgba(255,255,255,0.5)
		border 1px solid rgba(255,255,255,0.3)
		top 1.5rem
		justify-content center
		align-items center
		@@ -377,20 +350,17 @@ body.uncollapsedSidebar
		color #fff
		padding 0 5px

		.center
		display flex
		align-items center
		width calc(100% - 18rem)
		.left
		.right
		padding .4rem

		.header
		h1
		margin 0
		textEllipsis()
		color $yellowTitleRedmic
		& > i
		& > a
		color #fff
		margin 0 5px

		.infoTitleBackground
		fondo degradado topbar
		box-shadow none
		&.fa-close:hover
		color red

		.titleParent
		margin 0 0.7rem
		@@ -408,11 +378,6 @@ body.uncollapsedSidebar
		.center
		width 100%

		.title
		margin 0
		width 100%
		border-radius 5px

		.infoContainer
		flex-grow 1
		display flex

src/redmic/Details.styl

+0 −4

Original line number	Diff line number	Diff line
		@@ -145,10 +145,6 @@
		//color black !important
		padding 0px 1rem

		.selectionDetails
		width 1rem
		cursor pointer

		.containerImageDetails
		@extend .imageContainer
		border-bottom 1px solid #ddd