holm/Part-DB-server
1
0
Fork 0
forked from mirror/Part-DB.Part-DB-server
Code Pull requests Activity

Show additional infos about the part picture, when hovering it.

Browse source
This commit is contained in:
Jan Böhmer 2020-05-27 22:51:43 +02:00
parent 5248c83982
commit e19594f500
3 changed files with 78 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

37
assets/css/app.css
View file

@ -837,4 +837,41 @@ div.dataTables_wrapper div.dataTables_info {
.scanner-video {
max-width: 500px;
max-height: 250px;
}
/*******************************************
* Hovering carousel gallery
*******************************************/
.carousel-caption-hover {
display: none;
}
.carousel .mask {
display: none;
}
.carousel:hover .mask {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: .5s ease;
background-color: #0a0909;
opacity: 0.7;
border: 1px solid #dee2e6;
border-radius: .25rem;
}
.carousel-control {
display: none;
}
.carousel:hover .carousel-caption-hover {
display: block;
}
.carousel:hover .carousel-control {
display: flex;
}