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
This commit is contained in:
Pau Giner 2014-07-10 10:25:23 +02:00
parent 00d204b0e2
commit 5edb949d01

View file

@ -82,13 +82,19 @@
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: -@repo-button-width; left: -( @repo-button-width - 2 );
width: @repo-button-width; width: @repo-button-width;
opacity: 0.8;
transition: opacity 0.25s;
background-position: 50% 50%; background-position: 50% 50%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: auto 50%; background-size: auto 50%;
&:hover {
opacity: 1;
}
&-commons { &-commons {
/* @embed */ /* @embed */
background-image: url(img/commons_gray.svg); background-image: url(img/commons_gray.svg);