makes play overlay more like (firefox) browser

This commit is contained in:
jessop 2018-11-29 18:00:00 -05:00
parent e67e4d3ad2
commit 1531476659

View file

@ -31,19 +31,19 @@ h3.asset-preview__title {
padding: 0; padding: 0;
border: 0; border: 0;
position: absolute; position: absolute;
opacity: .50; opacity: 0.80;
height: 50%; height: 25%;
top: 25%; top: 37.5%;
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
z-index: 1000; z-index: 1000;
margin: 0 auto; margin: 0 auto;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg stroke='lightgray' stroke-width='2' fill='white' fill-rule='evenodd' stroke-linejoin='round'%3E %3Cpolygon points='5 21 5 3 21 12'/%3E %3C/g%3E %3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg stroke='black' stroke-width='2' fill='black' fill-rule='evenodd' stroke-linejoin='round'%3E %3Ccircle cx='30' cy='30' r='28'/%3E%3C/g%3E %3Cg stroke='white' stroke-width='1' fill='white' fill-rule='evenodd' stroke-linejoin='round'%3E %3Cpolygon points='25 19 42 30 25 41'/%3E %3C/g%3E %3C/svg%3E");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
} }
.asset-preview__play-wrapper:hover .asset-preview__play-overlay { .asset-preview__play-wrapper:hover .asset-preview__play-overlay {
opacity: 1.0; opacity: 0.2;
} }