src/widgets/SlidePreview.module.css
changeset 1072 ac1eacb3aa33
parent 1068 7623f9af9272
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/widgets/SlidePreview.module.css	Wed Sep 04 17:32:50 2024 +0200
@@ -0,0 +1,43 @@
+.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;
+}