src/widgets/SlidePreview.module.css
author ymh <ymh.work@gmail.com>
Fri, 18 Oct 2024 10:24:57 +0200
changeset 1074 231ea5ea7de4
parent 1072 ac1eacb3aa33
permissions -rw-r--r--
change http to https for default thumb

.Ldt-SlidePreview-Container {
    background-color: #999;
    left: 0px;
    right: 0px;
    height: 36px;
    padding-left: 4px;
    overflow: hidden;
}
.Ldt-SlidePreview-Slides {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    flex-direction:         row;
    -webkit-flex-wrap: nowrap;
    flex-wrap:         nowrap;
    overflow-x: hidden;
    left: 0px;
    right: 0px;
    height: 36px;
    padding: 0;
    padding-top: 12px;
    margin: 0;
    overflow-y: hidden;
}
.Ldt-SlidePreview-Item {
    display: inline-block;
    width: 20px;
    height: 12px;
    background-color: #fff;
    transition: transform .2s ease-in-out;
}
.Ldt-SlidePreview-Item img {
    max-width: 100%;
    max-height: 100%;
}
.Ldt-SlidePreview-Item:hover {
    -webkit-transform: scale(2.8);
    z-index: 4;
}
.Ldt-SlidePreview-Item:hover + .slidepreviewitem {
    -webkit-transform: scale(1.8);
    z-index: 1;
}