emily/video2document
1
0
Fork 0
mirror of https://gitlab.rlp.net/proj-wise2526-video2document/video2document.git synced 2026-06-15 18:01:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

Added hover effects for other document types

Browse Source
This commit is contained in:
Verena Schulz
2026-01-16 23:54:31 +01:00
parent b5d374498f
commit 826381d858
2 changed files with 79 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
electron/main/style.css
+69
View File
@@ -186,6 +186,8 @@ input[type="file"] {
gap: 5px;
}
/* Hover effects for all different document options (with placeholders)*/
.figure1 {
position: relative;
}
@@ -201,12 +203,79 @@ input[type="file"] {
object-fit: contain;
display: none;
transition: opacity .2s;
z-index: 999;
}
.figure1:hover .img-hover1 {
display: flex;
}
.figure2 {
position: relative;
}
.img-hover2 {
position: absolute;
width: 200px;
height: 200px;
top: 0;
right: 40%;
left: 0;
bottom: 0;
object-fit: contain;
display: none;
transition: opacity .2s;
z-index: 999;
}
.figure2:hover .img-hover2 {
display: flex;
}
.figure3 {
position: relative;
}
.img-hover3 {
position: absolute;
width: 200px;
height: 200px;
top: 0;
right: 40%;
left: 0;
bottom: 0;
object-fit: contain;
display: none;
transition: opacity .2s;
z-index: 999;
}
.figure3:hover .img-hover3 {
display: flex;
}
.figure4 {
position: relative;
}
.img-hover4 {
position: absolute;
width: 200px;
height: 200px;
top: 0;
right: 40%;
left: 0;
bottom: 0;
object-fit: contain;
display: none;
transition: opacity .2s;
z-index: 999;
}
.figure4:hover .img-hover4 {
display: flex;
}
.img-icon {
width: 15px;
height: 15px;