Commit 34ede586 authored by Pedro Eduardo Trujillo's avatar Pedro Eduardo Trujillo
Browse files

Retoca estilo de topbar

parent cb0a0d39

src/Variables.styl

+7 −1
Original line number Diff line number Diff line
@@ -94,7 +94,7 @@ $topbar-medium-size = 4.6rem 
$topbar-low-size = 4.9rem

$sidebar-default-size = 5.4rem

$sidebar-high-size = 5.7rem

$sidebar-default-size = 6rem

$sidebar-medium-size = 6rem

$sidebar-low-size = 6.3rem

$sidebar-secondary-size = 200px

$notificationbar-size = 400px
@@ -200,6 +200,12 @@ $gridBackgroundHover = lighten($gridSelectedBackground, 20%) 
$layerThumbnailWidth = 100px

$layerThumbnailHeight = 67px



// Clases abstractas

.highlightOnHover

	transition transform 0.2s ease-in-out

	&:hover

		filter drop-shadow(0 0 0.3rem $grayLighter)

		transform scale(1.1)

src/redmic/Containers.styl

+0 −3
Original line number Diff line number Diff line
@@ -546,9 +546,6 @@ 
		&:hover

			color $blue



.appDev

	background linear-gradient(top, $pink, $red) !important



.atlasLayerInfoMessage

	padding 5px

	fontSize 2rem

src/redmic/Notification.styl

+33 −40
Original line number Diff line number Diff line 
.notification

.languageSelector

.fullscreenToggle

.userArea

	@extend .highlightOnHover

	display flex

	margin-left 0.5rem

	height 2.5rem

	width 2.5rem

	width 3.5rem

	@media (max-width $media-high-size)

		width 3.6rem

	@media (max-width $media-medium-size)

		width 3.7rem

	@media (max-width $media-low-size)

		width 3.8rem

	display flex

	justify-content center

	align-items center

	cursor pointer

	position relative



	&:hover

		color $blue

	color $grayLighter



	i

		fontSize 1.6rem

		fontSize 1.5rem



.notification

	display flex

	margin-left 0.5rem



	> div

		height 2.5rem

		width 2.5rem

		display flex

		justify-content center

		align-items center

		cursor pointer

		position relative



	span

		sombreadoTexto 1

		fontSize 0.8rem

		position absolute

			top 0.2rem

			right 0.2rem

		top 0

		right 0

		padding 0.2rem 0.4rem

		background $green

		border-radius 5px



		&:hover

			color $blue



			span

	&:hover span

		fondo color $blue

		color $white



		i

			fontSize 1.6rem



.languageSelector

	.flag

		width 2.5rem

		height 2.5rem

		background-size 2rem

		width 2.4rem

		height 1.6rem

		background-size contain

		background-color rgba(black, 0.08)

		background-blend-mode overlay

		border-radius 0.5rem



		&:hover

			background-blend-mode unset



.userArea

	margin-right 1rem

	margin 0 1.5rem



	img

		width 2.5rem

src/redmic/Topbar.styl

+21 −7
Original line number Diff line number Diff line
@@ -21,6 +21,7 @@ 


	.collapseSidebarButton

		@extend .fa

		@extend .highlightOnHover

		display flex

		justify-content center

		width $sidebar-default-size
@@ -30,20 +31,33 @@ 
			width $sidebar-medium-size

		@media (max-width $media-low-size)

			width $sidebar-low-size

		fontSize 2rem

		fontSize 1.6rem

		color $grayLighter



		&:before

			@extend .fa-bars:before



		&:hover

			color $blue



	.topbarLogo

		@extend .highlightOnHover

		flexible h center center

		user-select none

		text-decoration none



		&:hover

			transform scale(1.01)



		img.logo

			width 3rem

		img

			width 2.5rem



		span

			@extend .titleRedmic

			fontSize 2.5rem

			padding-bottom 0.3rem

			margin-left 0.5rem

			@media (max-width $media-medium-size)

				display none

			@media (max-width $media-low-size)

				display none



.manager

	flexible h space-between center
@@ -91,7 +105,7 @@ 
		justify-content space-between



.versionNumber

	color #aaa

	color $grayLighter

	fontSize 0.9rem

	padding 0 1rem

	user-select none