chaas/debshots
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Rails update. Fancybox update. Migrations from Paperclip.

Browse source
This commit is contained in:
Christoph Haas 2020-10-19 18:49:15 +02:00
parent 1d97215591
commit 7ac69a1d8a
25 changed files with 305 additions and 115 deletions
Download patch file Download diff file Expand all files Collapse all files

53
app/assets/stylesheets/my_styles.scss
View file

@ -488,4 +488,55 @@ a.black
.pkgdescription
{
margin-bottom: 3rem;
}
}
.image-with-zoom-icon-container {
position: relative;
// display: inline-block;
}
.image-with-zoom-icon-container img {
// opacity: 1;
display: block;
width: 100%;
height: auto;
// transition: .5s ease;
// backface-visibility: hidden;
}
@keyframes example {
from {opacity: 0}
to {opacity: 0.5}
}
.image-with-zoom-icon-container .magnifying-glass-icon {
transition: .5s ease;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
background: rgba(0,0,0,0.5);
color: #fff;
text-align: center;
position: absolute;
font-size: 200%;
border-radius: 50%;
padding: 20px;
border: 1px solid #fff;
line-height: 1;
// opacity: 0.3;
animation-name: example;
animation-duration: 1s;
animation-delay: 4s;
animation-fill-mode: both;
}
// .magnifying-glass-icon:hover {
// opacity: 1;
// }