From 5edb949d017df55c77e20fd27af7981c95546be8 Mon Sep 17 00:00:00 2001 From: Pau Giner Date: Thu, 10 Jul 2014 10:25:23 +0200 Subject: [PATCH] Adjustments to repo icon The following visual adjustments have been made: - Make color similar to other icons in the metadata panel. - Highlight on hover to convey interactivity. - Adjust to the "visual center". The icon was matematically centered, but since the angular separator adds empty space to the right, a 2px correction has been added so that it looks centered taking into account that extra space. Change-Id: Ib4db723b38a8d6fc9528fe86756220b6525da95b --- resources/mmv/ui/mmv.ui.stripeButtons.less | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/resources/mmv/ui/mmv.ui.stripeButtons.less b/resources/mmv/ui/mmv.ui.stripeButtons.less index 06df42b15..082299bb9 100644 --- a/resources/mmv/ui/mmv.ui.stripeButtons.less +++ b/resources/mmv/ui/mmv.ui.stripeButtons.less @@ -82,13 +82,19 @@ position: absolute; top: 0; bottom: 0; - left: -@repo-button-width; + left: -( @repo-button-width - 2 ); width: @repo-button-width; + opacity: 0.8; + transition: opacity 0.25s; background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 50%; + &:hover { + opacity: 1; + } + &-commons { /* @embed */ background-image: url(img/commons_gray.svg);