sheppy/flask-json-dream-website
1
0
Fork 0
mirror of https://github.com/FAUSheppy/flask-json-dream-website synced 2025-12-10 09:38:32 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

slider impl (no auto activate)

Browse Source
This commit is contained in:
Yannik Schmidt
2021-05-14 01:40:03 +02:00
parent 7a7365ca4d
commit 1d926c7b51
3 changed files with 128 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
static/site.css
View File

@@ -220,3 +220,32 @@ body {
margin-top: 0 !important;
}
}
.img-comp-container {
position: relative;
/*height: 100%;*/ /*should be the same height as the images*/
}
.img-comp-img {
position: absolute;
width: auto;
height: auto;
overflow: hidden;
}
.img-comp-img img {
display: block;
vertical-align: middle;
}
.img-comp-slider {
position: absolute;
z-index: 9;
cursor: ew-resize;
/*set the appearance of the slider:*/
width: 40px;
height: 40px;
background-color: #2196F3;
opacity: 0.7;
border-radius: 50%;
}